replace img

onflow · Dec 20, 2024 · d8d1ca9 · d8d1ca9
1 parent d1b9f52
commit d8d1ca9
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 3 deletions.
diff --git a/components/Header.tsx b/components/Header.tsx
@@ -2,6 +2,7 @@
 import Button from "components/Button"
 import {paths, TEST_NET} from "lib/constants"
 import publicConfig from "lib/publicConfig"
+import Image from "next/image"
 import {Link, Text, ThemeUICSSObject} from "theme-ui"
 
 export default function Header({fund}: {fund?: boolean}) {
@@ -29,7 +30,7 @@ export default function Header({fund}: {fund?: boolean}) {
     // eslint-disable-next-line react/no-unknown-property
     <header sx={styles.header} data-test="header">
       <Link href={paths.root} sx={styles.logo}>
-        <img
+        <Image
           style={{width: "100%"}}
           src={`/flow-faucet-logo-${publicConfig.network}.svg`}
           alt="Flow"

diff --git a/components/LoadingFeedback.tsx b/components/LoadingFeedback.tsx
@@ -1,4 +1,5 @@
 import {Box, ThemeUICSSObject} from "theme-ui"
+import Image from "next/image"
 
 const styles: Record<string, ThemeUICSSObject> = {
   loading: {
@@ -21,7 +22,7 @@ export default function LoadingFeedback({
 }) {
   return (
     <Box sx={styles.loading}>
-      <img src="loading.svg" />
+      <Image src="loading.svg" alt="loading" />
       <br />
       {children}
     </Box>

diff --git a/components/SidebarAccordion.tsx b/components/SidebarAccordion.tsx
@@ -6,6 +6,7 @@ import {useState} from "react"
 import {Box, Button, Link, ThemeUICSSObject} from "theme-ui"
 import {Themed} from "@theme-ui/mdx"
 import publicConfig from "../lib/publicConfig"
+import Image from "next/image"
 
 type AccordionOption = {
   title: string
@@ -139,7 +140,11 @@ const AccordionOption = ({
         }}
       >
         {data.title}
-        <img src={`caret-${isOpen ? "up" : "down"}.svg`} />
+        {isOpen ? (
+          <Image src="caret-up.svg" alt="up" />
+        ) : (
+          <Image src="caret-down.svg" alt="down" />
+        )}
       </Button>
       {isOpen && (
         <Box sx={styles.content} {...contentProps}>