good

src/components/Footer.js

@@ -114,7 +114,7 @@ export default function Footer({
           </span>
           {table.length == 0 && (
             <img
-              src="https://i.ibb.co.com/Pt2s8N8/qr-scan-icon-2048x2048-aeh36n7y.png"
+              src="https://i.ibb.co.com/y0FWnbh/qr-scan-icon-2048x2048-aeh36n7y.png"
               alt="QR Code"
               className={styles.qrIcon}
             />

src/components/Header.js

@@ -314,14 +314,15 @@ const Header = ({
                 user.roleId === 1 && (
                   <>
                     <Child onClick={goToAdminCafes}>see your other cafes</Child>
-                    <Child onClick={() => setModal("add_material")}>
-                      add material
-                    </Child>
-                    <Child onClick={() => setModal("update_stock")}>
+                    
+                    {/* <Child onClick={() => setModal("update_stock")}>
                       update stock
-                    </Child>
+                    </Child> */}
                     <Child hasChildren>
                       {shopName}
+                      <Child onClick={() => setModal("add_material")}>
+                      stock
+                    </Child>
                       <Child onClick={() => setModal("edit_tables")}>
                         table maps
                       </Child>

src/components/MusicPlayer.css

@@ -117,7 +117,7 @@
 .expand-button h5 {
   font-weight: 500;
   margin-top: 0px;
-  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.36);
+  text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.36);
 }
 
 .expand-button:hover {