refactor(website): use nextjs image component

semaphore-protocol · Oct 30, 2023 · 37b3031 · 37b3031
1 parent 20f118a
commit 37b3031
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/apps/website/src/components/Footer.tsx b/apps/website/src/components/Footer.tsx
@@ -1,11 +1,12 @@
-import { Divider, Heading, HStack, Image, Link, Text, VStack } from "@chakra-ui/react"
+import { Divider, Heading, HStack, Link, Text, VStack } from "@chakra-ui/react"
+import Image from "next/image"
 import IconArrowUpRight from "../icons/IconArrowUpRight"
 import IconDiscord from "../icons/IconDiscord"
 
 export default function Footer() {
     return (
         <VStack py="7" justify="space-between" h="611px" pt="28" pb="10">
-            <Image htmlWidth="79px" src="./semaphore-icon.svg" alt="Semaphore logo" />
+            <Image width="79" height="158" src="./semaphore-icon.svg" alt="Semaphore logo" />
             <HStack fontSize="18px" spacing="10">
                 <Link href="/projects">
                     <Heading fontSize="18px" fontWeight="normal">

diff --git a/apps/website/src/components/Navbar.tsx b/apps/website/src/components/Navbar.tsx
@@ -1,15 +1,16 @@
 "use client"
 
-import { Heading, HStack, Image, Link } from "@chakra-ui/react"
+import { Heading, HStack, Link } from "@chakra-ui/react"
 import { usePathname } from "next/navigation"
+import Image from "next/image"
 import IconArrowUpRight from "../icons/IconArrowUpRight"
 
 export default function Navbar() {
     const pathname = usePathname()
 
     return (
         <HStack py="7" justify="space-between">
-            <Image htmlWidth="148px" src="./semaphore-logo.svg" alt="Semaphore logo" />
+            <Image width="148" height="40" src="./semaphore-logo.svg" alt="Semaphore logo" />
             <HStack fontSize="18px" spacing="10">
                 <Link
                     href="/projects"