From b7f6019ba47fe2bf9520ba531c643f3db22d4a11 Mon Sep 17 00:00:00 2001
From: Michael Hudson Nkotagu <mnkotagu@gmail.com>
Date: Fri, 5 Jul 2024 17:10:12 +0300
Subject: [PATCH 1/4] fix menu icon import bug

---
 .../src/components/MobileNavBar/MobileNavBar.tsx       | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/apps/roboshield/src/components/MobileNavBar/MobileNavBar.tsx b/apps/roboshield/src/components/MobileNavBar/MobileNavBar.tsx
index b4791d017..65b7af356 100644
--- a/apps/roboshield/src/components/MobileNavBar/MobileNavBar.tsx
+++ b/apps/roboshield/src/components/MobileNavBar/MobileNavBar.tsx
@@ -11,7 +11,7 @@ import {
 import { styled } from "@mui/material/styles";
 import React, { ForwardedRef } from "react";
 
-import menuIcon from "@/roboshield/assets/icons/menu-icon.svg?url";
+import menuIcon from "@/roboshield/assets/icons/menu-icon.svg";
 import CloseIcon from "@/roboshield/assets/icons/Type=x, Size=24, Color=CurrentColor.svg";
 import NavBarNavList from "@/roboshield/components/NavBarNavList";
 import NextImageButton from "@/roboshield/components/NextImageButton";
@@ -86,12 +86,10 @@ const MobileNavBar = React.forwardRef(function MobileNavBar(
         />
       </Grid>
       <Grid item>
-        <NextImageButton
-          src={menuIcon}
-          alt="menu icon"
+        <SvgIcon
+          component={menuIcon}
+          viewBox="0 0 32 32"
           onClick={handleClickOpen}
-          width={32}
-          height={32}
         />
         <DialogContainer
           fullScreen

From 4ccc3ee980a47b6ca7a38089584099e4e9d5669a Mon Sep 17 00:00:00 2001
From: Michael Hudson Nkotagu <m453h@users.noreply.github.com>
Date: Fri, 5 Jul 2024 19:48:49 +0300
Subject: [PATCH 2/4] Update
 apps/roboshield/src/components/MobileNavBar/MobileNavBar.tsx

Co-authored-by: Clemence Kyara <kilemensi@users.noreply.github.com>
---
 apps/roboshield/src/components/MobileNavBar/MobileNavBar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/roboshield/src/components/MobileNavBar/MobileNavBar.tsx b/apps/roboshield/src/components/MobileNavBar/MobileNavBar.tsx
index 65b7af356..9c0a0d9f5 100644
--- a/apps/roboshield/src/components/MobileNavBar/MobileNavBar.tsx
+++ b/apps/roboshield/src/components/MobileNavBar/MobileNavBar.tsx
@@ -11,7 +11,7 @@ import {
 import { styled } from "@mui/material/styles";
 import React, { ForwardedRef } from "react";
 
-import menuIcon from "@/roboshield/assets/icons/menu-icon.svg";
+import MenuIcon from "@/roboshield/assets/icons/Type=menu, Size=32, Color=CurrentColor.svg";
 import CloseIcon from "@/roboshield/assets/icons/Type=x, Size=24, Color=CurrentColor.svg";
 import NavBarNavList from "@/roboshield/components/NavBarNavList";
 import NextImageButton from "@/roboshield/components/NextImageButton";

From dab0d71be5885de2b078cd8d48578b85908d79f3 Mon Sep 17 00:00:00 2001
From: Michael Hudson Nkotagu <mnkotagu@gmail.com>
Date: Fri, 5 Jul 2024 19:53:32 +0300
Subject: [PATCH 3/4] fix: Rename Menu Icon name

---
 apps/roboshield/src/components/MobileNavBar/MobileNavBar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/roboshield/src/components/MobileNavBar/MobileNavBar.tsx b/apps/roboshield/src/components/MobileNavBar/MobileNavBar.tsx
index 9c0a0d9f5..8b5552985 100644
--- a/apps/roboshield/src/components/MobileNavBar/MobileNavBar.tsx
+++ b/apps/roboshield/src/components/MobileNavBar/MobileNavBar.tsx
@@ -87,7 +87,7 @@ const MobileNavBar = React.forwardRef(function MobileNavBar(
       </Grid>
       <Grid item>
         <SvgIcon
-          component={menuIcon}
+          component={MenuIcon}
           viewBox="0 0 32 32"
           onClick={handleClickOpen}
         />

From 18e3480238b53aabc68382cfa20437bc477e06a3 Mon Sep 17 00:00:00 2001
From: Michael Hudson Nkotagu <mnkotagu@gmail.com>
Date: Fri, 5 Jul 2024 20:25:17 +0300
Subject: [PATCH 4/4] fix: Rename Menu icon file name to match imported file
 name

---
 .../{menu-icon.svg => Type=menu, Size=32, Color=CurrentColor.svg} | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename apps/roboshield/src/assets/icons/{menu-icon.svg => Type=menu, Size=32, Color=CurrentColor.svg} (100%)

diff --git a/apps/roboshield/src/assets/icons/menu-icon.svg b/apps/roboshield/src/assets/icons/Type=menu, Size=32, Color=CurrentColor.svg
similarity index 100%
rename from apps/roboshield/src/assets/icons/menu-icon.svg
rename to apps/roboshield/src/assets/icons/Type=menu, Size=32, Color=CurrentColor.svg