perf: use propper image sizing for logo

Space-Finder · Sep 2, 2024 · b01938b · b01938b
1 parent 54cfe48
commit b01938b
Showing 1 changed file with 5 additions and 10 deletions.
diff --git a/src/core/components/navbar.tsx b/src/core/components/navbar.tsx
@@ -1,10 +1,11 @@
 "use client";
 
 import React from "react";
-import Image from "next/image";
 import Link from "next/link";
-import { useSession } from "next-auth/react";
-import { signIn, signOut } from "next-auth/react";
+import Image from "next/image";
+import { signIn, signOut, useSession } from "next-auth/react";
+
+import Logo from "/public/spacelogo.png";
 
 const Navbar = () => {
     const session = useSession();
@@ -17,13 +18,7 @@ const Navbar = () => {
                     <Link href="/" className="text-2xl">
                         SpaceFinder
                     </Link>
-                    <Image
-                        src="/spacelogo.png"
-                        alt="logo"
-                        width={28}
-                        height={24}
-                        className="h-7 w-auto"
-                    />
+                    <Image src={Logo} alt="logo" className="h-7 w-auto" />
                 </div>
 
                 <button