update 46 files

master
mahdi 2 years ago
parent f11c1a632c
commit b86277df4f
  1. 6
      src/App.js
  2. 2
      src/components/Blogs/design1/BlogDesign1.js
  3. 2
      src/components/Blogs/design1/index.js
  4. 4
      src/components/Blogs/design2/BlogDesign2.js
  5. 4
      src/components/Blogs/design2/index.js
  6. 4
      src/components/Blogs/design3/BlogDesign3.js
  7. 4
      src/components/Blogs/design3/index.js
  8. 2
      src/components/Blogs/design4/BlogDesign4.js
  9. 2
      src/components/Blogs/design4/index.js
  10. 2
      src/components/Blogs/design5/BlogDesign5.js
  11. 2
      src/components/Blogs/design5/index.js
  12. 2
      src/components/Blogs/design6/BlogDesign6.js
  13. 2
      src/components/Blogs/design6/index.js
  14. 2
      src/components/BoxNextToEachOther/index.js
  15. 2
      src/components/CardDesign1/index.js
  16. 2
      src/components/CardDesign2/index.js
  17. 2
      src/components/CardDesign3/index.js
  18. 2
      src/components/ContactUsInfoCard/index.js
  19. 2
      src/components/CustomToast/index.js
  20. 2
      src/components/CustomToast2/index.js
  21. 2
      src/components/Digikala/Offer.js
  22. 2
      src/components/DistributedData/index.js
  23. 2
      src/components/Features/index.js
  24. 5
      src/components/Folderlist/index.js
  25. 2
      src/components/Header/desgin1/HeaderDesign1.js
  26. 2
      src/components/OutlineInput/index.js
  27. 2
      src/components/OutlineSpan/index.js
  28. 2
      src/components/OutlineTextarea/index.js
  29. 7
      src/components/Playlist/index.js
  30. 6
      src/components/ProductStatusCard/index.js
  31. 12
      src/components/ProductSuggestion/index.js
  32. 2
      src/components/ProfileInfo/index.js
  33. 4
      src/components/ReactTable4/EditRow.js
  34. 8
      src/components/ReactTable4/Pagination.js
  35. 4
      src/components/ReligiousTimes/index.js
  36. 2
      src/components/SelectYear/Month.js
  37. 2
      src/components/SelectYear/index.js
  38. 2
      src/components/SemiDonut/index.js
  39. 2
      src/components/Sidebar/SidebarMenu/index.js
  40. 2
      src/components/TimeLineComponent/TimeLineItem.js
  41. 4
      src/components/VodProduct/index.js
  42. 4
      src/components/VodProductNew/index.js
  43. 2
      src/components/counterDesign/CounterDesign.js
  44. 4
      src/components/productDesign/ProductDesign.js
  45. 4
      src/components/vodProductDesign/VodProductDesign.js

@ -153,7 +153,7 @@ function App() {
{/* <ProductTab /> */} {/* <ProductTab /> */}
<ProductStatusCard /> {/* <ProductStatusCard /> */}
{/* <AdvertisementDesign1 /> */} {/* <AdvertisementDesign1 /> */}
{/* <AdvertisementDesign2 /> */} {/* <AdvertisementDesign2 /> */}
@ -164,8 +164,8 @@ function App() {
{/* <Design1 /> */} {/* <Design1 /> */}
{/* <Design2 /> */} {/* <Design2 /> */}
{/* <SidebarMenu /> */} <SidebarMenu />
{/* <SidebarDesign2 /> */} <SidebarDesign2 />
{/* <SidebarDesign2 className="w-1/5" /> */} {/* <SidebarDesign2 className="w-1/5" /> */}
{/* <TableDesign1 /> */} {/* <TableDesign1 /> */}

@ -35,7 +35,7 @@ const BlogDesign1 = ({
</div> </div>
<div className="w-3/5 mr-4 flex flex-col justify-between py-2"> <div className="w-3/5 mr-4 flex flex-col justify-between py-2">
<div> <div>
<h2 className="text-base text-justify text-grayTextColor font-bold leading-6"> <h2 className="text-base text-justify text-grayTextColor font-sansbold leading-6">
آیا مواد غذای پر فیبر و مفید هستند؟ آیا مواد غذای پر فیبر و مفید هستند؟
</h2> </h2>
{blogExcerpt && ( {blogExcerpt && (

@ -33,7 +33,7 @@ const BlogDesign1 = ({
</div> </div>
<div className="w-3/5 mr-4 flex flex-col justify-between py-2"> <div className="w-3/5 mr-4 flex flex-col justify-between py-2">
<div> <div>
<h2 className="text-base text-justify text-grayTextColor font-bold leading-6"> <h2 className="text-base text-justify text-grayTextColor font-sansbold leading-6">
آیا مواد غذای پر فیبر و مفید هستند؟ آیا مواد غذای پر فیبر و مفید هستند؟
</h2> </h2>
{blogExcerpt && ( {blogExcerpt && (

@ -63,11 +63,11 @@ const BlogDesign2 = ({
</button> </button>
)} )}
<div className="z-10 child-text"> <div className="z-10 child-text">
<h2 className="text-white text-base font-bold leading-6"> <h2 className="text-white text-base font-sansbold leading-6">
آیا مواد غذایی پر فیبر مفید هستند؟ آیا مواد غذایی پر فیبر مفید هستند؟
</h2> </h2>
{blogSubTitle && ( {blogSubTitle && (
<h2 className="text-white text-base mt-2 font-bold leading-6"> <h2 className="text-white text-base mt-2 font-sansbold leading-6">
شما چه فکری می کنید شما چه فکری می کنید
</h2> </h2>
)} )}

@ -56,11 +56,11 @@ const BlogDesign2 = ({
</button> </button>
)} )}
<div className="z-10 child-text"> <div className="z-10 child-text">
<h2 className="text-white text-base font-bold leading-6"> <h2 className="text-white text-base font-sansbold leading-6">
آیا مواد غذایی پر فیبر مفید هستند؟ آیا مواد غذایی پر فیبر مفید هستند؟
</h2> </h2>
{blogSubTitle && ( {blogSubTitle && (
<h2 className="text-white text-base mt-2 font-bold leading-6"> <h2 className="text-white text-base mt-2 font-sansbold leading-6">
شما چه فکری می کنید شما چه فکری می کنید
</h2> </h2>
)} )}

@ -48,13 +48,13 @@ const BlogDesign3 = ({
{/* <img src={blogFeaturedImage2} alt="" /> */} {/* <img src={blogFeaturedImage2} alt="" /> */}
<div className="w-full mx-auto p-4 rounded-lg shadow-md bg-white transform translate-y-20"> <div className="w-full mx-auto p-4 rounded-lg shadow-md bg-white transform translate-y-20">
<h2 <h2
className={`text-base text-justify font-bold leading-6 ${blogTitleColor}`} className={`text-base text-justify font-sansbold leading-6 ${blogTitleColor}`}
> >
آیا مواد غذای پر فیبر و مفید هستند؟ آیا مواد غذای پر فیبر و مفید هستند؟
</h2> </h2>
{blogSubTitle && ( {blogSubTitle && (
<h2 <h2
className={`text-base text-justify mt-2 font-bold leading-6 ${blogTitleColor}`} className={`text-base text-justify mt-2 font-sansbold leading-6 ${blogTitleColor}`}
> >
نظر شما چیه نظر شما چیه
</h2> </h2>

@ -46,13 +46,13 @@ const BlogDesign3 = ({
{/* <img src={blogFeaturedImage2} alt="" /> */} {/* <img src={blogFeaturedImage2} alt="" /> */}
<div className="w-full mx-auto p-4 rounded-lg shadow-md bg-white transform translate-y-20"> <div className="w-full mx-auto p-4 rounded-lg shadow-md bg-white transform translate-y-20">
<h2 <h2
className={`text-base text-justify font-bold leading-6 ${blogTitleColor}`} className={`text-base text-justify font-sansbold leading-6 ${blogTitleColor}`}
> >
آیا مواد غذای پر فیبر و مفید هستند؟ آیا مواد غذای پر فیبر و مفید هستند؟
</h2> </h2>
{blogSubTitle && ( {blogSubTitle && (
<h2 <h2
className={`text-base text-justify mt-2 font-bold leading-6 ${blogTitleColor}`} className={`text-base text-justify mt-2 font-sansbold leading-6 ${blogTitleColor}`}
> >
نظر شما چیه نظر شما چیه
</h2> </h2>

@ -38,7 +38,7 @@ const BlogDesign4 = ({
</div> </div>
<div className="w-3/5 flex flex-col justify-between py-3 transform translate-x-10"> <div className="w-3/5 flex flex-col justify-between py-3 transform translate-x-10">
<div> <div>
<h2 className="text-base text-grayTextColor font-bold leading-6"> <h2 className="text-base text-grayTextColor font-sansbold leading-6">
آیا مواد غذای پر فیبر و مفید هستند؟ آیا مواد غذای پر فیبر و مفید هستند؟
</h2> </h2>
{blogExcerpt && ( {blogExcerpt && (

@ -36,7 +36,7 @@ const BlogDesign4 = ({
</div> </div>
<div className="w-3/5 flex flex-col justify-between py-3 transform translate-x-10"> <div className="w-3/5 flex flex-col justify-between py-3 transform translate-x-10">
<div> <div>
<h2 className="text-base text-grayTextColor font-bold leading-6"> <h2 className="text-base text-grayTextColor font-sansbold leading-6">
آیا مواد غذای پر فیبر و مفید هستند؟ آیا مواد غذای پر فیبر و مفید هستند؟
</h2> </h2>
{blogExcerpt && ( {blogExcerpt && (

@ -38,7 +38,7 @@ const BlogDesign5 = ({
</div> </div>
<div className="w-3/5 flex flex-col justify-between py-3 mr-4"> <div className="w-3/5 flex flex-col justify-between py-3 mr-4">
<div> <div>
<h2 className="text-base text-justify text-grayTextColor font-bold leading-6"> <h2 className="text-base text-justify text-grayTextColor font-sansbold leading-6">
آیا مواد غذای پر فیبر و مفید هستند؟ آیا مواد غذای پر فیبر و مفید هستند؟
</h2> </h2>
{blogExcerpt && ( {blogExcerpt && (

@ -37,7 +37,7 @@ const BlogDesign5 = ({
</div> </div>
<div className="w-3/5 flex flex-col justify-between py-3 mr-4"> <div className="w-3/5 flex flex-col justify-between py-3 mr-4">
<div> <div>
<h2 className="text-base text-justify text-grayTextColor font-bold leading-6"> <h2 className="text-base text-justify text-grayTextColor font-sansbold leading-6">
آیا مواد غذای پر فیبر و مفید هستند؟ آیا مواد غذای پر فیبر و مفید هستند؟
</h2> </h2>
{blogExcerpt && ( {blogExcerpt && (

@ -37,7 +37,7 @@ const BlogDesign6 = ({
<div className=""> <div className="">
<img src={FeaturedImage} alt="" className="w-full" /> <img src={FeaturedImage} alt="" className="w-full" />
<div className="py-2"> <div className="py-2">
<h2 className="text-base text-justify text-grayTextColor mt-2 font-bold leading-6"> <h2 className="text-base text-justify text-grayTextColor mt-2 font-sansbold leading-6">
آیا مواد غذای پر فیبر و مفید هستند؟ آیا مواد غذای پر فیبر و مفید هستند؟
</h2> </h2>
{blogExcerpt && ( {blogExcerpt && (

@ -35,7 +35,7 @@ const BlogDesign6 = ({
<div className=""> <div className="">
<img src={FeaturedImage} alt="" className="w-full" /> <img src={FeaturedImage} alt="" className="w-full" />
<div className="py-2"> <div className="py-2">
<h2 className="text-base text-justify text-grayTextColor mt-2 font-bold leading-6"> <h2 className="text-base text-justify text-grayTextColor mt-2 font-sansbold leading-6">
آیا مواد غذای پر فیبر و مفید هستند؟ آیا مواد غذای پر فیبر و مفید هستند؟
</h2> </h2>
{blogExcerpt && ( {blogExcerpt && (

@ -17,7 +17,7 @@ const BoxNextToEachOther = ({ items }) => {
> >
{console.log(setActive)} {console.log(setActive)}
<h2 <h2
className={`font-bold ${ className={`font-sansbold ${
active === item ? "text-white" : "text-[#0F0543]" active === item ? "text-white" : "text-[#0F0543]"
}`} }`}
> >

@ -9,7 +9,7 @@ const CardDesign1 = () => {
<TitleSubtitle <TitleSubtitle
subTitle={false} subTitle={false}
title={"طبقه سوم"} title={"طبقه سوم"}
titleClassName={"font-bold text-[#0F0543]"} titleClassName={"font-sansbold text-[#0F0543]"}
titleBorderClassName={"w-1 h-5 bg-[#F8EA1F] ml-1"} titleBorderClassName={"w-1 h-5 bg-[#F8EA1F] ml-1"}
/> />
<IconText /> <IconText />

@ -24,7 +24,7 @@ const CardDesign2 = ({ buttons }) => {
<TitleSubtitle <TitleSubtitle
subTitle={false} subTitle={false}
title={"افراد حاضر در این سالن"} title={"افراد حاضر در این سالن"}
titleClassName={"font-bold text-[#0F0543]"} titleClassName={"font-sansbold text-[#0F0543]"}
titleBorderClassName={"w-1 h-5 bg-[#1FF87D] ml-1"} titleBorderClassName={"w-1 h-5 bg-[#1FF87D] ml-1"}
/> />
<IconText /> <IconText />

@ -16,7 +16,7 @@ const CardDesign3 = () => {
<TitleSubtitle <TitleSubtitle
subTitle={false} subTitle={false}
title={"افراد حاضر در این سالن"} title={"افراد حاضر در این سالن"}
titleClassName={"font-bold text-[#0F0543]"} titleClassName={"font-sansbold text-[#0F0543]"}
titleBorderClassName={"w-1.5 h-7 bg-[#1F8CF9] ml-2"} titleBorderClassName={"w-1.5 h-7 bg-[#1F8CF9] ml-2"}
/> />
<div className="mt-7"> <div className="mt-7">

@ -18,7 +18,7 @@ const ContactUsInfoCard = ({ items }) => {
<div className="flex flex-row items-center mt-2" key={index}> <div className="flex flex-row items-center mt-2" key={index}>
{item.icon && <img className="w-5" src={item.icon} alt={item.icon} />} {item.icon && <img className="w-5" src={item.icon} alt={item.icon} />}
<p <p
className={`text-[#2383E1] text-sm font-iransansBold ${ className={`text-[#2383E1] text-sm font-sansbold ${
item.icon === null ? "mr-8" : "mr-2" item.icon === null ? "mr-8" : "mr-2"
}`} }`}
> >

@ -11,7 +11,7 @@ const CustomToast = ({
}) => { }) => {
return ( return (
<div <div
className={`flex flex-row items-center border-2 rounded mt-4 font-bold text-sm ${backgroundColor} ${borderColor} ${textColor} ${padding} `} className={`flex flex-row items-center border-2 rounded mt-4 font-sansbold text-sm ${backgroundColor} ${borderColor} ${textColor} ${padding} `}
> >
<p className="flex-1">ترسیم نقشه سالن</p> <p className="flex-1">ترسیم نقشه سالن</p>
<img src={icon} alt="pen" /> <img src={icon} alt="pen" />

@ -36,7 +36,7 @@ const CustomToast2 = ({ items, num }) => {
</div> </div>
{/* left */} {/* left */}
<div className="flex flex-row items-center"> <div className="flex flex-row items-center">
<span className="px-2 py-0.5 rounded-sm bg-[#C9E2B388] text-[#468722] font-bold"> <span className="px-2 py-0.5 rounded-sm bg-[#C9E2B388] text-[#468722] font-sansbold">
{item.number} {item.number}
</span> </span>
<img src={pen} alt="pen" className="mr-4 cursor-pointer" /> <img src={pen} alt="pen" className="mr-4 cursor-pointer" />

@ -24,7 +24,7 @@ const Offer = ({ products }) => {
<div className="flex flex-row items-center p-2"> <div className="flex flex-row items-center p-2">
{/* right */} {/* right */}
<div className="flex flex-col items-center justify-between w-2/12"> <div className="flex flex-col items-center justify-between w-2/12">
<span className="text-base text-center text-white font-bold leading-8"> <span className="text-base text-center text-white font-sansbold leading-8">
پیـــــشنهاد پیـــــشنهاد
<br /> <br />
شگــــفت شگــــفت

@ -12,7 +12,7 @@ const DistributedData = ({ items }) => {
> >
{row.map((item, index) => ( {row.map((item, index) => (
<div <div
className={`flex items-center font-bold text-xs border-[#9DACD344] flex-1 justify-around ${ className={`flex items-center font-sansbold text-xs border-[#9DACD344] flex-1 justify-around ${
index + 1 < row.length ? "border-l" : "" index + 1 < row.length ? "border-l" : ""
} ${item?.className || ""}`} } ${item?.className || ""}`}
> >

@ -12,7 +12,7 @@ const Features = ({ features }) => {
return ( return (
<section className="bg-white border-2 border-gray-400 rounded m-7"> <section className="bg-white border-2 border-gray-400 rounded m-7">
{/* top */} {/* top */}
<h2 className="text-lg font-bold text-productTitle mr-7 my-5"> <h2 className="text-lg font-sansbold text-productTitle mr-7 my-5">
امکانات و ویژگی ها امکانات و ویژگی ها
</h2> </h2>
<div className="w-full flex flex-wrap justify-around items-center"> <div className="w-full flex flex-wrap justify-around items-center">

@ -68,7 +68,10 @@ const Folderlists = ({ items }) => {
))}{" "} ))}{" "}
</div> </div>
</div> </div>
<p style={{ color: "#00253A" }} className="text-xs font-bold mt-3"> <p
style={{ color: "#00253A" }}
className="text-xs font-sansbold mt-3"
>
{item.title} {item.title}
</p> </p>
<p style={{ color: "#132F52" }} className="text-xs mt-2"> <p style={{ color: "#132F52" }} className="text-xs mt-2">

@ -22,7 +22,7 @@ const HeaderDesign1 = ({ username, userJob }) => {
)} */} )} */}
<div className="flex justify-between items-center relative"> <div className="flex justify-between items-center relative">
<div className="flex w-1/5"> <div className="flex w-1/5">
<span className={`text-sm font-bold ml-4 pt-1 text-productPrice`}> <span className={`text-sm font-sansbold ml-4 pt-1 text-productPrice`}>
دانوین دانوین
</span> </span>
</div> </div>

@ -24,7 +24,7 @@ focus:outline-none focus:border-[#22577E] focus:ring-1 focus:ring-[#22577E] ${te
onBlur={onBlur} onBlur={onBlur}
/> />
<span <span
className={`absolute right-20 -mt-2 bg-white text-xs px-2 font-bold`} className={`absolute right-20 -mt-2 bg-white text-xs px-2 font-sansbold`}
style={{ color: outlineTitleClr }} style={{ color: outlineTitleClr }}
> >
{outlineTitle} {outlineTitle}

@ -14,7 +14,7 @@ const OutlineSpan = ({
return ( return (
<div className={`${divWidth}`}> <div className={`${divWidth}`}>
<span <span
className={`absolute right-20 -mt-2 bg-white text-xs px-2 font-bold z-10`} className={`absolute right-20 -mt-2 bg-white text-xs px-2 font-sansbold z-10`}
style={{ color: outlineTitleClr }} style={{ color: outlineTitleClr }}
> >
{outlineTitle} {outlineTitle}

@ -5,7 +5,7 @@ const OutlineTextarea = ({ text, outlineTitleClr, outlineTitle, outline }) => {
<div> <div>
{outline && ( {outline && (
<span <span
className={`absolute right-20 mt-3 bg-white text-xs px-2 font-bold z-10`} className={`absolute right-20 mt-3 bg-white text-xs px-2 font-sansbold z-10`}
style={{ color: outlineTitleClr }} style={{ color: outlineTitleClr }}
> >
{outlineTitle} {outlineTitle}

@ -25,13 +25,16 @@ const Playlist = ({ items }) => {
</span> </span>
</div> </div>
<div className="flex flex-col items-center mr-3"> <div className="flex flex-col items-center mr-3">
<p style={{ color: "#132F52" }} className="font-bold text-xs"> <p style={{ color: "#132F52" }} className="font-sansbold text-xs">
{item.memory}{" "} {item.memory}{" "}
<span className="font-light" style={{ fontSize: "10px" }}> <span className="font-light" style={{ fontSize: "10px" }}>
گیگابایت گیگابایت
</span> </span>
</p> </p>
<p style={{ color: "#132F52" }} className="font-bold text-xs mt-2"> <p
style={{ color: "#132F52" }}
className="font-sansbold text-xs mt-2"
>
{item.fileNum}{" "} {item.fileNum}{" "}
<span className="font-light" style={{ fontSize: "10px" }}> <span className="font-light" style={{ fontSize: "10px" }}>
فایل فایل

@ -25,13 +25,13 @@ const ProductStatusCard = ({ items, productPrice, discountPrice }) => {
<img src={item.icon} alt="" className="w-8" /> <img src={item.icon} alt="" className="w-8" />
<div className="flex flex-col mr-3"> <div className="flex flex-col mr-3">
<p className="text-sm"> <p className="text-sm">
<span className="font-bold">{item.subtitle}</span> <span className="font-sansbold">{item.subtitle}</span>
{item.title} {item.title}
</p> </p>
{item.customerSatisfaction && ( {item.customerSatisfaction && (
<p className="text-xs mt-1"> <p className="text-xs mt-1">
رضایت خریداران: رضایت خریداران:
<span className="font-bold text-green-500 mr-2"> <span className="font-sansbold text-green-500 mr-2">
{item.customerSatisfactionPercent} {item.customerSatisfactionPercent}
</span> </span>
</p> </p>
@ -68,7 +68,7 @@ const ProductStatusCard = ({ items, productPrice, discountPrice }) => {
<img src={arrow} alt="" className="w-20 h-20" /> <img src={arrow} alt="" className="w-20 h-20" />
</div> </div>
<div className="flex flex-col mr-5"> <div className="flex flex-col mr-5">
<h2 className="text-sm font-bold text-blue-900"> <h2 className="text-sm font-sansbold text-blue-900">
بازگشت بی چون و چرا بازگشت بی چون و چرا
</h2> </h2>
<p className="text-xs mt-2 leading-5 text-justify"> <p className="text-xs mt-2 leading-5 text-justify">

@ -9,7 +9,7 @@ const ProductSuggestion = ({ suggestions, selected }) => {
return ( return (
<section className="m-10 border-2 border-gray-300 p-4 rounded-lg"> <section className="m-10 border-2 border-gray-300 p-4 rounded-lg">
<h2 className="text-center text-lg font-bold text-productPrice"> <h2 className="text-center text-lg font-sansbold text-productPrice">
این کالاها برای خرید به شما پیشنهام می دهیم این کالاها برای خرید به شما پیشنهام می دهیم
</h2> </h2>
{/* product design */} {/* product design */}
@ -69,12 +69,12 @@ const ProductSuggestion = ({ suggestions, selected }) => {
{/* bottom */} {/* bottom */}
<div className="flex flex-col justify-center items-center mt-10"> <div className="flex flex-col justify-center items-center mt-10">
<div className="flex flex-row mb-5"> <div className="flex flex-row mb-5">
<p className="text-sm sm:text-base text-productPrice font-bold"> <p className="text-sm sm:text-base text-productPrice font-sansbold">
جمع لوازم اختیاری خریداری شده جمع لوازم اختیاری خریداری شده
<span> 56/894/400 </span> <span> 56/894/400 </span>
تومان تومان
</p> </p>
<span className="text-lightBlueTextColor text-sm sm:text-base mr-1 font-bold"> <span className="text-lightBlueTextColor text-sm sm:text-base mr-1 font-sansbold">
1 کالا 1 کالا
</span> </span>
</div> </div>
@ -146,7 +146,7 @@ ProductSuggestion.defaultProps = {
// }; // };
// return ( // return (
// <section className="m-10 border-2 border-gray-300 p-4 rounded-lg"> // <section className="m-10 border-2 border-gray-300 p-4 rounded-lg">
// <h2 className="text-center text-lg font-bold text-productPrice"> // <h2 className="text-center text-lg font-sansbold text-productPrice">
// این کالاها برای خرید به شما پیشنهام می دهیم // این کالاها برای خرید به شما پیشنهام می دهیم
// </h2> // </h2>
// {/* product design */} // {/* product design */}
@ -192,12 +192,12 @@ ProductSuggestion.defaultProps = {
// {/* bottom */} // {/* bottom */}
// <div className="flex flex-col justify-center items-center mt-10"> // <div className="flex flex-col justify-center items-center mt-10">
// <div className="flex flex-row mb-5"> // <div className="flex flex-row mb-5">
// <p className="text-sm sm:text-base text-productPrice font-bold"> // <p className="text-sm sm:text-base text-productPrice font-sansbold">
// جمع لوازم اختیاری خریداری شده // جمع لوازم اختیاری خریداری شده
// <span> 56/894/400 </span> // <span> 56/894/400 </span>
// تومان // تومان
// </p> // </p>
// <span className="text-lightBlueTextColor text-sm sm:text-base mr-1 font-bold"> // <span className="text-lightBlueTextColor text-sm sm:text-base mr-1 font-sansbold">
// 1 کالا // 1 کالا
// </span> // </span>
// </div> // </div>

@ -8,7 +8,7 @@ const ProfileInfo = ({ name, role }) => {
<div className="flex flex-row items-center"> <div className="flex flex-row items-center">
<img src={profilePic} className="rounded-full" alt="profile-pic" /> <img src={profilePic} className="rounded-full" alt="profile-pic" />
<div className="mx-4"> <div className="mx-4">
<p className="text-[#0F0543] font-bold text-sm">{name}</p> <p className="text-[#0F0543] font-sansbold text-sm">{name}</p>
<span className="text-[#0F0543] text-xs">{role}</span> <span className="text-[#0F0543] text-xs">{role}</span>
</div> </div>
{/* dropdown */} {/* dropdown */}

@ -15,7 +15,7 @@ const EditRow = ({ row, columns }) => {
className="w-1 h-4 ml-1 rounded" className="w-1 h-4 ml-1 rounded"
style={{ backgroundColor: "#65A9FF" }} style={{ backgroundColor: "#65A9FF" }}
></div> ></div>
<p className="text-sm font-bold" style={{ color: "#00253A" }}> <p className="text-sm font-sansbold" style={{ color: "#00253A" }}>
اطلاعات هویتی اطلاعات هویتی
</p> </p>
</div> </div>
@ -364,7 +364,7 @@ const EditRow = ({ row, columns }) => {
className="w-1 h-4 ml-1 rounded" className="w-1 h-4 ml-1 rounded"
style={{ backgroundColor: "#65A9FF" }} style={{ backgroundColor: "#65A9FF" }}
></div> ></div>
<p className="text-sm font-bold" style={{ color: "#00253A" }}> <p className="text-sm font-sansbold" style={{ color: "#00253A" }}>
اطلاعات شخصی اطلاعات شخصی
</p> </p>
</div> </div>

@ -14,7 +14,7 @@ export const Pagination = ({
return ( return (
<div className="flex flex-row items-center space-x-1"> <div className="flex flex-row items-center space-x-1">
<button <button
className="rounded py-1 px-2 text-xs font-bold" className="rounded py-1 px-2 text-xs font-sansbold"
style={{ backgroundColor: "#F5F9FF", color: "#65A9FF" }} style={{ backgroundColor: "#F5F9FF", color: "#65A9FF" }}
onClick={() => gotoPage(0)} onClick={() => gotoPage(0)}
disabled={!canPreviousPage} disabled={!canPreviousPage}
@ -22,7 +22,7 @@ export const Pagination = ({
<img src={dobleLeftArrow} className="rotate-180 w-4 h-4" /> <img src={dobleLeftArrow} className="rotate-180 w-4 h-4" />
</button> </button>
<button <button
className="rounded py-1 px-2 text-xs font-bold" className="rounded py-1 px-2 text-xs font-sansbold"
style={{ backgroundColor: "#F5F9FF", color: "#65A9FF" }} style={{ backgroundColor: "#F5F9FF", color: "#65A9FF" }}
onClick={() => previousPage()} onClick={() => previousPage()}
disabled={!canPreviousPage} disabled={!canPreviousPage}
@ -30,7 +30,7 @@ export const Pagination = ({
<img src={rightArrow} className="w-3 h-3" /> <img src={rightArrow} className="w-3 h-3" />
</button> </button>
<button <button
className="rounded py-1 px-2 text-xs font-bold" className="rounded py-1 px-2 text-xs font-sansbold"
style={{ backgroundColor: "#F5F9FF", color: "#65A9FF" }} style={{ backgroundColor: "#F5F9FF", color: "#65A9FF" }}
onClick={() => nextPage()} onClick={() => nextPage()}
disabled={!canNextPage} disabled={!canNextPage}
@ -38,7 +38,7 @@ export const Pagination = ({
<img src={leftArrow} className="w-3 h-3" /> <img src={leftArrow} className="w-3 h-3" />
</button> </button>
<button <button
className="rounded py-1 px-2 text-xs font-bold" className="rounded py-1 px-2 text-xs font-sansbold"
style={{ backgroundColor: "#F5F9FF", color: "#65A9FF" }} style={{ backgroundColor: "#F5F9FF", color: "#65A9FF" }}
onClick={() => gotoPage(pageCount - 1)} onClick={() => gotoPage(pageCount - 1)}
disabled={!canNextPage} disabled={!canNextPage}

@ -5,10 +5,10 @@ const ReligiousTimes = ({ hours }) => {
<div className="flex flex-row items-center justify-center bg-white shadow-sm rounded-lg max-w-[465px] w-1/3 py-3.5 px-0.5 mt-10 mr-10"> <div className="flex flex-row items-center justify-center bg-white shadow-sm rounded-lg max-w-[465px] w-1/3 py-3.5 px-0.5 mt-10 mr-10">
{hours.map((hour, index) => ( {hours.map((hour, index) => (
<div className="flex flex-row items-center" key={index}> <div className="flex flex-row items-center" key={index}>
<span className="text-xs text-[#0F0543] font-bold"> <span className="text-xs text-[#0F0543] font-sansbold">
{hour.partOfDay} {hour.partOfDay}
</span> </span>
<span className="text-xs text-[#2483E1] font-bold mr-1"> <span className="text-xs text-[#2483E1] font-sansbold mr-1">
{hour.time} {hour.time}
</span> </span>
{Number(index) !== hours.length - 1 && ( {Number(index) !== hours.length - 1 && (

@ -9,7 +9,7 @@ const Month = ({ items }) => {
<span <span
onClick={() => setSelectedYear(selectedYear === item ? null : item)} onClick={() => setSelectedYear(selectedYear === item ? null : item)}
className={`text-xs my-2 cursor-pointer ${ className={`text-xs my-2 cursor-pointer ${
selectedYear === item ? "text-[#06BACE] font-bold " : "" selectedYear === item ? "text-[#06BACE] font-sansbold " : ""
}`} }`}
key={index} key={index}
> >

@ -60,7 +60,7 @@ const SelectYear = ({ items }) => {
key={index} key={index}
className={`text-base my-2 cursor-pointer text-center transition ease-in-out delay-150 ${ className={`text-base my-2 cursor-pointer text-center transition ease-in-out delay-150 ${
selectedYear === item selectedYear === item
? "text-[#06BACE] font-bold text-2xl" ? "text-[#06BACE] font-sansbold text-2xl"
: "text-gray-500" : "text-gray-500"
}`} }`}
> >

@ -62,7 +62,7 @@ class SemiDonut extends Component {
width="100%" width="100%"
className="" className=""
/> />
<span className="font-bold text-blue-400 text-lg absolute left-1/2 bottom-60 transform -translate-x-1/2 -translate-y-1/2"> <span className="font-sansbold text-blue-400 text-lg absolute left-1/2 bottom-60 transform -translate-x-1/2 -translate-y-1/2">
899GB 899GB
</span> </span>
<span <span

@ -26,7 +26,7 @@ const SidebarMenu = ({ items, buttons }) => {
{/* profile */} {/* profile */}
<div className="flex flex-row items-center"> <div className="flex flex-row items-center">
<img src={profilePic} alt="" className="w-12 rounded-full" /> <img src={profilePic} alt="" className="w-12 rounded-full" />
<p className="text-blue-600 font-bold text-base flex-1 mr-2"> <p className="text-blue-600 font-sansbold text-base flex-1 mr-2">
کامران کوهستانی شیرازی کامران کوهستانی شیرازی
</p> </p>
<img src={downwardArrow} alt="" className="w-5 cursor-pointer" /> <img src={downwardArrow} alt="" className="w-5 cursor-pointer" />

@ -23,7 +23,7 @@ const TimeLineItem = ({ data }) => (
{/* middle --> title & content */} {/* middle --> title & content */}
<div className="bg-[#F3F3F3] w-full px-4 py-2 flex flex-row items-center"> <div className="bg-[#F3F3F3] w-full px-4 py-2 flex flex-row items-center">
<div className="bg-[#65A9FF] w-1 h-full rounded ml-2"></div> <div className="bg-[#65A9FF] w-1 h-full rounded ml-2"></div>
<p className="text-right text-sm font-bold text-[#00253A]"> <p className="text-right text-sm font-sansbold text-[#00253A]">
{data.text} {data.text}
</p> </p>
</div> </div>

@ -70,7 +70,7 @@ const VodProduct = ({
<div className="absolute left-2 top-2"> <div className="absolute left-2 top-2">
{discountPricePercent && ( {discountPricePercent && (
<div className="bg-discountPriceBg rounded-md px-2 py-2 mt-2 transition ease-in-out duration-300 transform hover:-translate-y-1 hover:scale-110 cursor-pointer"> <div className="bg-discountPriceBg rounded-md px-2 py-2 mt-2 transition ease-in-out duration-300 transform hover:-translate-y-1 hover:scale-110 cursor-pointer">
<p className="text-discountPriceTitle font-bold text-xs"> <p className="text-discountPriceTitle font-sansbold text-xs">
23<span>%</span> 23<span>%</span>
</p> </p>
</div> </div>
@ -190,7 +190,7 @@ const VodProduct = ({
{star && ( {star && (
<div className="flex items-center"> <div className="flex items-center">
<StarRating /> <StarRating />
<span className="text-xs text-productContent font-bold mr-2"> <span className="text-xs text-productContent font-sansbold mr-2">
39 39
</span> </span>
</div> </div>

@ -69,7 +69,7 @@ const VodProduct = ({
<div className="absolute left-2 top-2"> <div className="absolute left-2 top-2">
{discountPricePercent && ( {discountPricePercent && (
<div className="bg-discountPriceBg rounded-md px-2 py-2 mt-2 transition ease-in-out duration-300 transform hover:-translate-y-1 hover:scale-110 cursor-pointer"> <div className="bg-discountPriceBg rounded-md px-2 py-2 mt-2 transition ease-in-out duration-300 transform hover:-translate-y-1 hover:scale-110 cursor-pointer">
<p className="text-discountPriceTitle font-bold text-xs"> <p className="text-discountPriceTitle font-sansbold text-xs">
23<span>%</span> 23<span>%</span>
</p> </p>
</div> </div>
@ -189,7 +189,7 @@ const VodProduct = ({
{star && ( {star && (
<div className="flex items-center"> <div className="flex items-center">
<StarRating /> <StarRating />
<span className="text-xs text-productContent font-bold mr-2"> <span className="text-xs text-productContent font-sansbold mr-2">
39 39
</span> </span>
</div> </div>

@ -61,7 +61,7 @@ const CounterDesign = ({
/> />
)} )}
<p <p
className={`text-sm sm:text-base md:text-2xl font-bold text-counterColor`} className={`text-sm sm:text-base md:text-2xl font-sansbold text-counterColor`}
style={ style={
count > -1 count > -1
? count === 0 ? count === 0

@ -102,7 +102,7 @@ const ProductDesign = ({
<div className="absolute left-2 top-2"> <div className="absolute left-2 top-2">
{discountPricePercent && ( {discountPricePercent && (
<div className="bg-discountPriceBg rounded-md px-2 py-2 mt-2 transition ease-in-out duration-300 transform hover:-translate-y-1 hover:scale-110 cursor-pointer"> <div className="bg-discountPriceBg rounded-md px-2 py-2 mt-2 transition ease-in-out duration-300 transform hover:-translate-y-1 hover:scale-110 cursor-pointer">
<p className="text-discountPriceTitle font-bold text-xs"> <p className="text-discountPriceTitle font-sansbold text-xs">
23<span>%</span> 23<span>%</span>
</p> </p>
</div> </div>
@ -191,7 +191,7 @@ const ProductDesign = ({
{star && ( {star && (
<div className="flex items-center mt-2"> <div className="flex items-center mt-2">
<StarRating /> <StarRating />
<span className="text-xs text-productContent font-bold mr-2"> <span className="text-xs text-productContent font-sansbold mr-2">
39 39
</span> </span>
</div> </div>

@ -90,7 +90,7 @@ const VodProductDesign = ({
<div className="absolute left-2 top-2"> <div className="absolute left-2 top-2">
{discountPricePercent && ( {discountPricePercent && (
<div className="bg-discountPriceBg rounded-md px-2 py-2 mt-2 transition ease-in-out duration-300 transform hover:-translate-y-1 hover:scale-110 cursor-pointer"> <div className="bg-discountPriceBg rounded-md px-2 py-2 mt-2 transition ease-in-out duration-300 transform hover:-translate-y-1 hover:scale-110 cursor-pointer">
<p className="text-discountPriceTitle font-bold text-xs"> <p className="text-discountPriceTitle font-sansbold text-xs">
23<span>%</span> 23<span>%</span>
</p> </p>
</div> </div>
@ -224,7 +224,7 @@ const VodProductDesign = ({
{star && ( {star && (
<div className="flex items-center"> <div className="flex items-center">
<StarRating /> <StarRating />
<span className="text-xs text-productContent font-bold mr-2"> <span className="text-xs text-productContent font-sansbold mr-2">
39 39
</span> </span>
</div> </div>

Loading…
Cancel
Save