update

src/App.js

@@ -91,7 +91,7 @@ function App() {
         {/* <TableDesign1 /> */}
         {/* <ReactTable2 /> */}
         {/* <ReactTable3 /> */}
-        <ReactTable4 />
+        {/* <ReactTable4 /> */}
         {/* <Digikala /> */}
         {/* <HeaderDesign1 />
         <div className="flex">

src/components/BreadCrumb/index.js

@@ -15,19 +15,21 @@ const BreadCrumb = ({ breadCrumbs }) => {
               }`}
             >
               {breadCrumb.name}
+              {console.log(breadCrumb.active)}
             </span>
             {Number(index) !== breadCrumbs.length - 1 && (
-              <div
-                className={`mx-2 ${
-                  breadCrumb.active ? "text-blue-900" : "text-blue-400"
-                }`}
-              >
+              <div>
+                {console.log(breadCrumbs.length - 1)}
                 {/* {breadCrumb.active === true ? (
                   <img src={grayLeftArrow} className="w-10" />
                 ) : (
                   <img src={blackLeftArrow} className="w-10" />
                 )} */}
-                <img src={grayLeftArrow} className="w-4" />
+                {Number(index) === breadCrumbs.length - 2 ? (
+                  <img src={blackLeftArrow} className="w-10" />
+                ) : (
+                  <img src={grayLeftArrow} className="w-10" />
+                )}
               </div>
             )}
           </div>