fix: use logo on header

LABIOQUIM · Jun 12, 2023 · 5f432c8 · 5f432c8
1 parent 2955bdc
commit 5f432c8
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 4 deletions.
diff --git a/apps/client/src/assets/logo.svg b/apps/client/src/assets/logo.svg
diff --git a/apps/client/src/components/general/layout/header.tsx b/apps/client/src/components/general/layout/header.tsx
@@ -1,10 +1,12 @@
 import { useContext } from "react";
-import { Atom, LogIn, Menu, Moon, Sun, UserPlus } from "lucide-react";
+import { LogIn, Menu, Moon, Sun, UserPlus } from "lucide-react";
 import dynamic from "next/dynamic";
+import Image from "next/image";
 import Link from "next/link";
 import { useSession } from "next-auth/react";
 import useTranslation from "next-translate/useTranslation";
 
+import logo from "@app/assets/logo.svg";
 import { Button } from "@app/components/general/buttons";
 import { TextButton } from "@app/components/general/buttons/Text";
 import { SidebarContext } from "@app/context/SidebarContext";
@@ -39,11 +41,13 @@ export function Header() {
           />
         </button>
         <Link
-          className="hidden gap-x-2 font-bold uppercase lg:flex"
+          className="hidden h-[125%] gap-x-2 font-bold uppercase lg:flex"
           href="/"
         >
-          <Atom />
-          Visual Dynamics
+          <Image
+            alt=""
+            src={logo}
+          />
         </Link>
         <ul className="flex flex-shrink-0 items-center gap-x-6">
           <li className="flex">