fixed bug

src/components/Partials/MobileSideBar.jsx

@@ -1,10 +1,12 @@
 import React, { useContext } from "react";
+import { useSelector } from "react-redux";
 import { NavLink } from "react-router-dom";
-import logo from "../../assets/images/wrenchboard.png"; //logo-2.svg";
-import logo3 from "../../assets/images/wrenchboard.png"; //logo-3.svg";
+import {
+  default as logo,
+  default as logo3,
+} from "../../assets/images/wrenchboard.png"; //logo-2.svg";
 import DarkModeContext from "../Contexts/DarkModeContext";
 import Icons from "../Helpers/Icons";
-import { useSelector } from "react-redux";
 
 export default function MobileSidebar({ sidebar, action, logoutModalHandler }) {
   let { userDetails } = useSelector((state) => state.userDetails);
@@ -81,32 +83,32 @@ export default function MobileSidebar({ sidebar, action, logoutModalHandler }) {
           <div className="items">
             <ul className="flex flex-col space-y-6">
               {/* Using mini component reduces the bulk amount of html */}
-              {[
-                { name: "Dashboard", path: "/", iconName: "market" },
-                userDetails?.account_type !== "family"
-                  ? {
-                      name: "Market",
-                      path: "/market",
-                      bubble: noOfJobs,
-                      iconName: "market",
-                    }
-                  : {},
-                { name: "My Task(s)", path: "/mytask", iconName: "market" },
-              ].map(({ name, path, bubble, iconName }, idx) => (
+              <ListItem
+                title="Dashboard"
+                route="/"
+                sidebar={sidebar}
+                iconName="market"
+              />
+              {userDetails && userDetails?.account_type !== "FAMILY" && (
                 <ListItem
-                  key={idx}
-                  title={name}
-                  route={path}
-                  bubble={bubble}
+                  title="Market"
+                  route="/market"
+                  bubble={noOfJobs}
                   sidebar={sidebar}
-                  iconName={iconName}
+                  iconName="market"
                 />
-              ))}
+              )}
+              <ListItem
+                title="My Task(s)"
+                route="/mytask"
+                sidebar={sidebar}
+                iconName="market"
+              />
             </ul>
           </div>
         </div>
 
-        {userDetails?.account_type !== "family" && (
+        {userDetails?.account_type !== "FAMILY" && (
           <>
             {!userDetails?.post_jobs ? (
               <div className="menu-setting-items mb-11">