update

src/App.js

@@ -88,7 +88,7 @@ function App() {
         {/* <Toast /> */}
         {/* <ProductSuggestion /> */}
         {/* <ProductImage /> */}
-        {/* <ProductTab /> */}
+        <ProductTab />
         {/* <ProductStatusCard /> */}
         {/* <AdvertisementDesign1 /> */}
         {/* <AdvertisementDesign2 /> */}

src/components/FolderTree/index.js

@@ -47,50 +47,34 @@ const FolderTree = ({ items }) => {
           </div>
           {activeDropdown === item &&
             item.menuItems.map((menuItem, i) => (
-              <div>
+              <div
-                <button
+                key={i}
-                  onClick={() =>
+                className="flex flex-row items-center mb-2 cursor-pointer mr-5"
-                    setActiveDropdown(
+                // onClick={() =>
-                      activeDropdown === menuItem ? null : menuItem
+                //   setActiveDropdown(
-                    )
+                //     activeDropdown === menuItem ? null : menuItem
-                  }
+                //   )
-                  className="transform translate-x-10"
+                // }
-                >
+              >
-                  mahdi
+                {activeDropdown === menuItem ? (
-                </button>
+                  <img
-                <div
+                    src={selectedArrow}
-                  key={i}
+                    className="-rotate-90 transition-all duration-700"
-                  className="flex flex-row items-center mb-2 cursor-pointer mr-5"
+                  />
-                  // onClick={() =>
+                ) : (
-                  //   setActiveDropdown(
+                  <img src={arrow} className=" transition-all duration-700" />
-                  //     activeDropdown === menuItem ? null : menuItem
+                )}
-                  //   )
+                {activeDropdown === menuItem ? (
-                  // }
+                  <img
-                >
+                    src={selectedFolder}
-                  {activeDropdown === menuItem ? (
+                    className=" transition-all duration-700"
-                    <img
+                  />
-                      src={selectedArrow}
+                ) : (
-                      className="-rotate-90 transition-all duration-700"
+                  <img src={folder} className=" transition-all duration-700" />
-                    />
+                )}
-                  ) : (
+                <span className="text-sm mr-2" style={{ color: "#00253A" }}>
-                    <img src={arrow} className=" transition-all duration-700" />
+                  {menuItem.title}
-                  )}
+                </span>
-                  {activeDropdown === menuItem ? (
-                    <img
-                      src={selectedFolder}
-                      className=" transition-all duration-700"
-                    />
-                  ) : (
-                    <img
-                      src={folder}
-                      className=" transition-all duration-700"
-                    />
-                  )}
-
-                  <span className="text-sm mr-2" style={{ color: "#00253A" }}>
-                    {menuItem.title}
-                  </span>
-                </div>
               </div>
             ))}
         </div>
@@ -99,18 +83,20 @@ const FolderTree = ({ items }) => {
   );
 };
 
-// {item.menuItem.menuSubItems.map((menuSubItem, j) => (
+// {
-//   <div
+//   item.menuItem.menuSubItems.map((menuSubItem, j) => (
-//     key={j}
+//     <div
-//     className="flex flex-row items-center mb-2 cursor-pointer mr-5"
+//       key={j}
-//   >
+//       className="flex flex-row items-center mb-2 cursor-pointer mr-5"
-//     <img src={arrow} />
+//     >
-//     <img src={folder} />
+//       <img src={arrow} />
-//     <span className="text-sm mr-2" style={{ color: "#00253A" }}>
+//       <img src={folder} />
-//       {menuSubItem.subTitle}
+//       <span className="text-sm mr-2" style={{ color: "#00253A" }}>
-//     </span>
+//         {menuSubItem.subTitle}
-//   </div>
+//       </span>
-// ))}
+//     </div>
+//   ));
+// }
 
 export default FolderTree;