update 3 files and delete 1 file

src/components/FileManager/index.js

@@ -6,9 +6,8 @@ import TitleSubtitle from "../MiniComponents/TitleSubtitle";
 import CardHolder from "../CardDesgin/CardHolder";
 import Button from "../ButtonDesign/Button";
 import Playlist from "../MiniComponents/Playlist";
-import Folderlists from "../Folderlist";
+import Folderlists from "../MiniComponents/Folderlist";
 import UploadFile from "../UploadFile";
-
 import BasicTable from "../ReactTable4/index";
 import SemiDonut from "../SemiDonut";
 

src/components/MiniComponents/Folderlist/index.js

@@ -2,8 +2,8 @@
 
 import React from "react";
 
-import ProfilePicNextToEachOther from "../ProfilePicNextToEachOther";
+import ProfilePicNextToEachOther from "../../ProfilePicNextToEachOther";
-import DropDown from "../MiniComponents/DropDown";
+import DropDown from "../DropDown";
 
 const Folderlists = ({ items }) => {
   return (

src/components/MiniComponents/Playlist/index.js

@@ -1,11 +1,5 @@
 import React from "react";
 
-// ? images
-import document from "./images/document.svg";
-import gallery from "./images/gallery.svg";
-import musicSquare from "./images/music-square.svg";
-import videoPlay from "./images/video-play.svg";
-
 const Playlist = ({ items }) => {
   return (
     <section className="flex flex-row flex-wrap items-center gap-4 mt-7">
@@ -25,15 +19,11 @@ const Playlist = ({ items }) => {
           <div className="flex flex-col items-center mr-3">
             <p className="font-sansbold text-xs text-[#132F52]">
               {item.memory}
-              <span className="font-light" style={{ fontSize: "10px" }}>
+              <span className="text-[10px]">گیگابایت</span>
-                گیگابایت
-              </span>
             </p>
             <p className="font-sansbold text-xs mt-2 text-[#132F52]">
               {item.fileNum}
-              <span className="font-light" style={{ fontSize: "10px" }}>
+              <span className="text-[10px]">فایل</span>
-                فایل
-              </span>
             </p>
           </div>
         </div>
@@ -47,28 +37,28 @@ export default Playlist;
 Playlist.defaultProps = {
   items: [
     {
-      icon: document,
+      icon: "images/Playlistdocument.svg",
       title: "عکس‌ها",
       percent: "27 درصد استفاده شده",
       memory: 44,
       fileNum: 344,
     },
     {
-      icon: musicSquare,
+      icon: "images/Playlistmusic-square.svg",
       title: "صوتی",
       percent: "27 درصد استفاده شده",
       memory: 44,
       fileNum: 444,
     },
     {
-      icon: videoPlay,
+      icon: "images/Playlistvideo-play.svg",
       title: "ویدئو",
       percent: "27 درصد استفاده شده",
       memory: 96,
       fileNum: 75,
     },
     {
-      icon: gallery,
+      icon: "images/Playlistgallery.svg",
       title: "فایل‌های مختلف",
       percent: "27 درصد استفاده شده",
       memory: 92,

src/components/ReactTable4/index.js

@@ -4,9 +4,6 @@ import React, { useRef, useState } from "react";
 
 import BasicTable from "./BasicTable";
 import TitleSubtitle from "../MiniComponents/BreadCrumb";
-
-import MultiRangeInput from "./MultiRangeInput";
-
 import BreadCrumb from "../MiniComponents/BreadCrumb";
 
 const ReactTable4 = ({ breadCrumbs }) => {
@@ -37,7 +34,7 @@ const ReactTable4 = ({ breadCrumbs }) => {
     <div className="my-10 w-11/12 mx-auto">
       {/* breadCrumb */}
       <div className="flex flex-row items-center">
-        <BreadCrumb />
+        {/* <BreadCrumb /> */}
         {console.log("mahdi")}
         {console.log(BreadCrumb)}
       </div>