update 5 files and delete 19 files

src/components/BoxNextToEachOther/index.js

@@ -1,8 +1,6 @@
 import React, { useState } from "react";
 
-import selected from "./selected.svg";
-
-const BoxNextToEachOther = ({ cards }) => {
+const BoxNextToEachOther = ({ cards, selected }) => {
   // const [active, setActive] = useState(null);
   const [active, setActive] = useState([]);
 
@@ -52,7 +50,8 @@ const BoxNextToEachOther = ({ cards }) => {
 export default BoxNextToEachOther;
 
 BoxNextToEachOther.defaultProps = {
-  selected:"images/selected.svg",
+  selected: "images/selected.svg",
+
   cards: [
     {
       title: "زائر",

src/components/CardDesgin/CardDesign1/index.js

@@ -1,7 +1,7 @@
 import React from "react";
-import CustomToast from "../CustomToast";
-import IconText from "../IconText";
-import TitleSubtitle from "../TitleSubtitle";
+import CustomToast from "../../CustomToast";
+import IconText from "../../IconText";
+import TitleSubtitle from "../../MiniComponents/TitleSubtitle";
 
 const CardDesign1 = () => {
   return (

src/components/CardDesgin/CardDesign2/index.js

@@ -1,8 +1,8 @@
 import React, { useState } from "react";
 
-import IconText from "../IconText";
-import ButtonDivTag from "../ButtonDivTag";
-import TitleSubtitle from "../TitleSubtitle";
+import IconText from "../../IconText";
+import ButtonDivTag from "../../ButtonDesign/ButtonDivTag";
+import TitleSubtitle from "../../MiniComponents/TitleSubtitle";
 
 import { DragDropContext, Droppable, Draggable } from "react-beautiful-dnd";
 

src/components/CardDesgin/CardDesign3/index.js

@@ -1,14 +1,12 @@
 // it has style inside index.scss ---> // Start CardDesign3 && end CardDesign3
 
 import React from "react";
-import CustomToast2 from "../CustomToast2";
-import Button from "../Button";
-import TitleSubtitle from "../TitleSubtitle";
-import SearchBox from "../SearchBox";
 
-import "./index.scss";
+import CustomToast2 from "../../CustomToast2";
 
-import searchIcon from "./search-icon.svg";
+import TitleSubtitle from "../../MiniComponents/TitleSubtitle";
+
+import SearchBox from "../../SearchBox";
 
 const CardDesign3 = () => {
   return (
@@ -21,7 +19,7 @@ const CardDesign3 = () => {
       />
       <div className="mt-7">
         <SearchBox
-          searchIcon={searchIcon}
+          searchIcon={"images/CardDesign3search-icon.svg"}
           placeholder={"جستجو برا اساس اسم یا کد ملی"}
           className={
             "p-4 border-[#ddd] focus:border-gray-200 focus:ring-gray-200"

src/components/CardDesgin/CardHolder/index.js

@@ -1,9 +1,5 @@
 import React from "react";
 
-import dropbox from "./images/dropbox.svg";
-import googleDrive from "./images/google-drive.svg";
-import blue from "./images/blue-icon.svg";
-
 const CardHolder = ({ items, cardClass }) => {
   return (
     <div className="w-full">
@@ -38,19 +34,19 @@ CardHolder.defaultProps = {
 
   items: [
     {
-      icon: dropbox,
+      icon: "images/CardHolderdropbox.svg",
       title: "فضای ذخیره سازی گوگل درایو",
       des: "فضای باقیمانده 40 گیگابایت از 1000 گیگابایت",
       active: false,
     },
     {
-      icon: blue,
+      icon: "images/CardHolderblue-icon.svg",
       title: "فضای ذخیره سازی گوگل درایو",
       des: "فضای باقیمانده 40 گیگابایت از 1000 گیگابایت",
       active: true,
     },
     {
-      icon: dropbox,
+      icon: "images/CardHolderdropbox.svg",
       title: "فضای ذخیره سازی گوگل درایو",
       des: "فضای باقیمانده 40 گیگابایت از 1000 گیگابایت",
       active: false,

src/components/CardDesgin/index.js

@@ -2,11 +2,17 @@ import React, { useState } from "react";
 
 import CardTrelloDesign from "./CardTrelloDesign";
 import ProcessCard from "./ProcessCard";
+import CardDesign1 from "./CardDesign1";
+import CardDesign2 from "./CardDesign2";
+import CardDesign3 from "./CardDesign3";
 
 function CardDesgin() {
   const list = {
     1: <CardTrelloDesign />,
     2: <ProcessCard />,
+    3: <CardDesign1 />,
+    4: <CardDesign2 />,
+    5: <CardDesign3 />,
   };
   const [type, setType] = useState(1);
   return (

src/components/Chart/SimpleBarChart/index.css

@@ -1 +0,0 @@
-/* No CSS *//*# sourceMappingURL=index.css.map */

src/components/Chart/SimpleBarChart/index.css.map

@@ -1,9 +0,0 @@
-{
-    "version": 3,
-    "mappings": "",
-    "sources": [
-        "index.scss"
-    ],
-    "names": [],
-    "file": "index.css"
-}

src/components/ChartDesign/SimpleBarChart/index.js

@@ -1,7 +1,5 @@
 import React from "react";
 
-import "./index.scss";
-
 import {
   BarChart,
   Bar,

src/components/ChartDesign/index.js

@@ -2,11 +2,15 @@ import React, { useState } from "react";
 
 import Recharts from "./Recharts";
 import BarChartApex from "./BarChartApex";
+import SimpleBarChart from "./SimpleBarChart";
+import SpecifiedDomainRadarChart from "./SpecifiedDomainRadarChart";
 
 function ChartDesign() {
   const list = {
     1: <Recharts />,
     2: <BarChartApex />,
+    3: <SimpleBarChart />,
+    4: <SpecifiedDomainRadarChart />,
   };
   const [type, setType] = useState(1);
   return (

src/components/MiniComponents/BreadCrumb/index.js

@@ -1,9 +1,6 @@
 import React from "react";
 
-import grayLeftArrow from "./gray-arrow-left.svg";
-import blackLeftArrow from "./black-arrow-left.svg";
-
-const BreadCrumb = ({ breadCrumbs }) => {
+const BreadCrumb = ({ breadCrumbs, grayLeftArrow, blackLeftArrow }) => {
   return (
     <div className="flex flex-row items-center">
       {breadCrumbs.map((breadCrumb, index) => (
@@ -47,6 +44,8 @@ const BreadCrumb = ({ breadCrumbs }) => {
 export default BreadCrumb;
 
 BreadCrumb.defaultProps = {
+  grayLeftArrow: "images/BreadCrumbgray-arrow-left.svg",
+  blackLeftArrow: "images/BreadCrumbblack-arrow-left.svg",
   breadCrumbs: [
     {
       name: "صفحه اصلی",

src/components/MiniComponents/CancleIcon/index.js

@@ -1,7 +1,5 @@
 import React from "react";
 
-import cancleIconPink from "./pink-cancle-icon.svg";
-
 const CancleIcon = ({ backgroundColor, icon }) => {
   return (
     <div
@@ -17,6 +15,6 @@ const CancleIcon = ({ backgroundColor, icon }) => {
 export default CancleIcon;
 
 CancleIcon.defaultProps = {
-  backgroundColor: "bg-red-600",
-  icon: cancleIconPink,
+  backgroundColor: "bg-red-300",
+  icon: "images/CancleIconpink-cancle-icon.svg",
 };

src/components/MiniComponents/index.js

@@ -5,6 +5,8 @@ import RelativeCircle from "./RelativeCircle";
 import TitleSubtitle from "./TitleSubtitle";
 import Avatar from "./Avatar";
 import BookDesign from "./BookDesign";
+import BreadCrumb from "./BreadCrumb";
+import CancleIcon from "./CancleIcon";
 
 function MiniComponents() {
   const list = {
@@ -13,6 +15,8 @@ function MiniComponents() {
     3: <TitleSubtitle />,
     4: <Avatar />,
     5: <BookDesign />,
+    6: <BreadCrumb />,
+    7: <CancleIcon />,
   };
   const [type, setType] = useState(1);
 

src/redux/data.js

@@ -723,7 +723,7 @@ const components = [
   },
   {
     name: "Box Next To Each Other",
-    author: "MrGorji",
+    author: "Andalib",
     props: [],
     content: {
       name: "Box Next To Each Other",