update src/components/ProductSalesAmount/ProductSalesDesign1/index.js, src/components/ProductSalesAmount/ProductSalesDesign2/index.js and src/components/ProductSalesAmount/index.js

src/components/ProductSalesAmount/ProductSalesDesign1/index.js

@@ -1,10 +1,7 @@
 import React from "react";
-import TitleSubtitle from "../../TitleSubtitle";
+import TitleSubtitle from "../../MiniComponents/TitleSubtitle";
 
-import arrowDown from "./home-trend-down.svg";
+const ProductSalesDesign1 = ({ price, incomes }) => {
-import arrowUp from "./home-trend-up.svg";
-
-const ProductSalesDesign1 = ({ title, price, incomes }) => {
   return (
     <div className="bg-white rounded shadow mx-auto p-5">
       {/* title */}
@@ -49,7 +46,6 @@ const ProductSalesDesign1 = ({ title, price, incomes }) => {
 export default ProductSalesDesign1;
 
 ProductSalesDesign1.defaultProps = {
-  title: "میزان فروش محصولات",
   price: "196.209.810",
 
   incomes: [
@@ -57,7 +53,7 @@ ProductSalesDesign1.defaultProps = {
       name: "درآمد امروز",
       income: "138.916.431",
       percent: 27,
-      logo: arrowUp,
+      logo: "images/ProductSalesDesign1home-trend-down.svg",
       excerpt:
         "لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.",
     },
@@ -65,7 +61,7 @@ ProductSalesDesign1.defaultProps = {
       name: "درآمد روز گذشته",
       income: "651.098.311",
       percent: -6,
-      logo: arrowDown,
+      logo: "images/ProductSalesDesign1home-trend-down.svg",
       excerpt:
         "لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.",
     },
@@ -73,7 +69,7 @@ ProductSalesDesign1.defaultProps = {
       name: "درآمد امروز",
       income: "138.916.431",
       percent: 27,
-      logo: arrowUp,
+      logo: "images/ProductSalesDesign1home-trend-down.svg",
       excerpt:
         "لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.",
     },

src/components/ProductSalesAmount/ProductSalesDesign2/index.js

@@ -1,12 +1,10 @@
 import React from "react";
 import AnimatedProgressBar from "../../AnimatedProgressBar";
-import TitleSubtitle from "../../TitleSubtitle";
+import TitleSubtitle from "../../MiniComponents/TitleSubtitle";
-
-import ellipse from "./Ellipse.svg";
 
 const ProductSalesDesign2 = ({ incomes }) => {
   return (
-    <div className="bg-white rounded shadow mx-auto py-7 px-4">
+    <div className="w-full bg-white rounded shadow mx-auto py-7 px-4">
       {/* title */}
       <TitleSubtitle subTitle={false} />
       {/* circles */}
@@ -30,22 +28,22 @@ export default ProductSalesDesign2;
 ProductSalesDesign2.defaultProps = {
   incomes: [
     {
-      image: ellipse,
+      image: "images/ProductSalesDesign2Ellipse.svg",
       bgColor: "#26E58C",
       percent: "99",
     },
     {
-      image: ellipse,
+      image: "images/ProductSalesDesign2Ellipse.svg",
       bgColor: "#FFEE00",
       percent: "72",
     },
     {
-      image: ellipse,
+      image: "images/ProductSalesDesign2Ellipse.svg",
       bgColor: "#EC4C19",
       percent: "20",
     },
     {
-      image: ellipse,
+      image: "images/ProductSalesDesign2Ellipse.svg",
       bgColor: "#0077FF",
       percent: "80",
     },

src/components/ProductSalesAmount/index.js

@@ -6,7 +6,7 @@ import ProductSalesDesign2 from "./ProductSalesDesign2";
 function ProductSalesAmount() {
   const list = {
     1: <ProductSalesDesign1 />,
-    1: <ProductSalesDesign2 />,
+    2: <ProductSalesDesign2 />,
   };
   const [type, setType] = useState(1);
   return (