Refactor admin navbar component and update logo styling

TEDx-SJEC · Sep 28, 2024 · c202a2a · c202a2a
1 parent 73b60c5
commit c202a2a
Showing 1 changed file with 15 additions and 3 deletions.
diff --git a/src/components/Admin/Navbar/navbar.tsx b/src/components/Admin/Navbar/navbar.tsx
@@ -5,7 +5,6 @@ import { FiChevronDown, FiChevronsRight, FiUser } from "react-icons/fi";
 import { RiCoupon3Line } from "react-icons/ri";
 import { motion } from "framer-motion";
 import Link from "next/link";
-import Image from "next/image";
 
 export const AdminNavbar = () => {
     return (
@@ -141,8 +140,21 @@ const TitleSection = ({ open }: { open: boolean }) => {
 const Logo = () => {
     // Temp logo from https://logoipsum.com/
     return (
-        <motion.div layout className="grid size-10 shrink-0 place-content-center rounded-md bg-black">
-            <Image src={"/logo.png"} alt="logo" width={100} height={100} />
+        <motion.div layout className="grid size-10 shrink-0 place-content-center rounded-md bg-indigo-600">
+            <svg
+                width="24"
+                height="auto"
+                viewBox="0 0 50 39"
+                fill="none"
+                xmlns="http://www.w3.org/2000/svg"
+                className="fill-slate-50"
+            >
+                <path d="M16.4992 2H37.5808L22.0816 24.9729H1L16.4992 2Z" stopColor="#000000"></path>
+                <path
+                    d="M17.4224 27.102L11.4192 36H33.5008L49 13.0271H32.7024L23.2064 27.102H17.4224Z"
+                    stopColor="#000000"
+                ></path>
+            </svg>
         </motion.div>
     );
 };