WIP 2

apps/metamigo-frontend/app/_components/Sidebar.tsx

@@ -23,7 +23,8 @@ import {
 import { usePathname } from "next/navigation";
 import Link from "next/link";
 import Image from "next/image";
-// import LinkLogo from "public/link-logo-small.png";
+import { fonts } from "@/app/_styles/theme";
+import LinkLogo from "@/public/link-logo-small.png";
 // import { useSession, signOut } from "next-auth/react";
 
 const openWidth = 270;
@@ -113,7 +114,6 @@ const MenuItem = ({
               variant="body1"
               sx={{
                 fontSize: 16,
-                fontFamily: "Roboto",
                 fontWeight: "bold",
                 border: 0,
                 textAlign: "left",
@@ -155,6 +155,7 @@ interface SidebarProps {
 
 export const Sidebar: FC<SidebarProps> = ({ open, setOpen }) => {
   const pathname = usePathname();
+  const { poppins } = fonts;
   // const { data: session } = useSession();
   //  const username = session?.user?.name || "User";
 
@@ -215,7 +216,7 @@ export const Sidebar: FC<SidebarProps> = ({ open, setOpen }) => {
               }}
             >
               <Image
-                src={"" /* LinkLogo */}
+                src={LinkLogo}
                 alt="Link logo"
                 width={40}
                 height={40}
@@ -237,7 +238,7 @@ export const Sidebar: FC<SidebarProps> = ({ open, setOpen }) => {
                   fontWeight: 700,
                   mt: 1,
                   ml: 0.5,
-                  fontFamily: "Poppins",
+                  fontFamily: poppins.style.fontFamily,
                 }}
               >
                 Metamigo