update App.js, src/components/BreadCrumb/index.js and src/components/ReactTable4/index.js

src/App.js

@@ -209,9 +209,9 @@ function App() {
 
         <FileManager />
 
-        {/* <GridListTable /> */}
+        <GridListTable />
 
-        {/* <PopupCard /> */}
+        <PopupCard />
 
         {/* ----------------------------$$$ start---------------------------- */}
         {/* <CircleInCircle />

src/components/ReactTable4/index.js

@@ -7,10 +7,9 @@ import TitleSubtitle from "../TitleSubtitle";
 
 import MultiRangeInput from "./MultiRangeInput";
 
-import grayLeftArrow from "./gray-arrow-left.svg";
+import BreadCrumb from "../BreadCrumb";
-import { BreadCrumb } from "../BreadCrumb";
 
-const ReactTable4 = ({ breadCrumbs, subTitle, title }) => {
+const ReactTable4 = ({ breadCrumbs }) => {
   const [tabs, setTabs] = useState([
     { name: "جدول " + breadCrumbs[breadCrumbs.length - 1].name, id: 0 },
   ]);
@@ -38,26 +37,9 @@ const ReactTable4 = ({ breadCrumbs, subTitle, title }) => {
     <div className="my-10 w-11/12 mx-auto">
       {/* breadCrumb */}
       <div className="flex flex-row items-center">
-        {breadCrumbs.map((breadCrumb, index) => (
+        <BreadCrumb />
-          <div className="flex flex-row items-center" key={index}>
+        {console.log("mahdi")}
-            <span
+        {console.log(BreadCrumb)}
-              className={`cursor-pointer text-xs hover:text-blue-900  ${
-                breadCrumb.active ? "text-blue-900" : "text-blue-400"
-              }`}
-            >
-              {breadCrumb.name}
-            </span>
-            {Number(index) !== breadCrumbs.length - 1 && (
-              <div
-                className={`mx-2 ${
-                  breadCrumb.active ? "text-blue-900" : "text-blue-400"
-                }`}
-              >
-                <img src={grayLeftArrow} />
-              </div>
-            )}
-          </div>
-        ))}
       </div>
       <div className="my-7">
         <TitleSubtitle titleBorderClassName={"ml-1 w-1 h-6 bg-red-400"} />
@@ -94,7 +76,4 @@ ReactTable4.defaultProps = {
       active: true,
     },
   ],
-
-  title: "میزان فروش محصولات",
-  subTitle: "اطلاعات جداول مشخصاتی کارکنان مجموعه ایران تایر",
 };