delete 50 files and update 3 files

src/components/ProductSalesAmount/Design1/index.js

@@ -6,7 +6,7 @@ import arrowUp from "./home-trend-up.svg";
 
 const Design1 = ({ title, price, incomes }) => {
   return (
-    <div className="bg-white  rounded shadow mx-auto py-7 px-4">
+    <div className="bg-white rounded shadow mx-auto p-5">
       {/* title */}
       <TitleSubtitle subTitle={false} />
       {/* price */}
@@ -15,39 +15,31 @@ const Design1 = ({ title, price, incomes }) => {
         <span className="mr-1">تومان</span>
       </p>
       {/* card */}
-      <div className="mx-auto w-fit flex flex-row items-center justify-between divide-x-2 divide-[#F3F3F3] divide-x-reverse  p-4 py-7 ">
+      <div className="mt-5 mx-auto w-fit flex flex-row items-center justify-between divide-x-2 divide-[#F3F3F3] divide-x-reverse">
         {incomes.map((income, index) => (
-          <div
+          <div key={index} className="flex flex-col p-4">
-            key={index}
+            <p className="text-base">{income.name}</p>
-            className="flex-grow flex-1 flex flex-col gap-y-4 px-4"
+            <p className="text-lg font-sansbold text-center my-2">
-          >
+              {income.income}
-            <div className="flex flex-col border-gray-200 p-3">
+            </p>
-              <p className="text-base">{income.name}</p>
+            <div
-              <p className="text-lg font-bold text-center my-2">
+              className={`w-12 my-2 p-1 flex flex-row items-center justify-between self-end rounded ${
-                {income.income}
+                income.percent > 0 ? "bg-green-100" : "bg-red-100"
-              </p>
+              }`}
-              <div
+            >
-                className={`w-16 my-2 p-1 flex flex-row items-center justify-around self-end rounded ${
+              <span
-                  income.percent > 0 ? "bg-green-100" : "bg-red-100"
+                style={{ direction: "initial" }}
+                className={`font-sansbold text-sm ${
+                  income.percent > 0 ? "text-green-500" : "text-red-500"
                 }`}
               >
-                <span
+                {income.percent}
-                  style={{ direction: "initial" }}
+              </span>
-                  className={`font-bold text-sm ${
+              <img src={income.logo} alt="" />
-                    income.percent > 0 ? "text-green-500" : "text-red-500"
-                  }`}
-                >
-                  {income.percent}
-                </span>
-                <img src={income.logo} alt="" />
-              </div>
-              <p className="text-xs leading-5 text-justify mt-2">
-                {income.excerpt}
-              </p>
             </div>
-            {Number(index) !== incomes.length - 1 && (
+            <p className="text-xs leading-5 text-justify mt-2">
-              <div className="bg-gray-200 w-1"></div>
+              {income.excerpt}
-            )}
+            </p>
           </div>
         ))}
       </div>
@@ -79,9 +71,9 @@ Design1.defaultProps = {
         "لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.",
     },
     {
-      name: "درآمد این هفته",
+      name: "درآمد امروز",
-      income: "890.325.308",
+      income: "138.916.431",
-      percent: 10,
+      percent: 27,
       logo: arrowUp,
       excerpt:
         "لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.",

src/index.scss

@@ -8,8 +8,8 @@
 }
 
 @font-face {
-  font-family: "iransansBold";
+  font-family: "sansbold";
-  src: url(./assets/fonts/IRANSansX-Bold.woff);
+  src: url(./assets/fonts/IRANSansWeb_Bold.woff);
 }
 
 @import "./components/productDesign/ProductDesign.scss";
@@ -19,12 +19,15 @@ body {
   direction: rtl;
   background-color: #f5f5f5;
 }
+
 .rtl {
   direction: rtl;
 }
+
 .ltr {
   direction: ltr;
 }
+
 .comment-num {
   font-size: 8px;
   padding-top: 4px;
@@ -33,10 +36,12 @@ body {
   padding-right: 4px;
   border-radius: 50%;
 }
+
 .rmdp-container {
   display: flex !important;
   flex-direction: column-reverse;
 }
+
 .rmdp-container > div {
   position: relative !important;
   transform: none !important;

tailwind.config.js

@@ -8,7 +8,7 @@ module.exports = {
   theme: {
     extend: {
       fontFamily: {
-        iransansBold: ["iransansBold"],
+        sansbold: ["sansbold"],
       },
     },