From a23c7959e11f5543b9c3c0de79eb2b3c2050d363 Mon Sep 17 00:00:00 2001
From: KW86022 <184099420+KW86022@users.noreply.github.com>
Date: Wed, 23 Oct 2024 11:56:42 +0000
Subject: [PATCH] Remove legacy image import

---
 frontend/src/common/EmptyBlob.tsx | 21 +++++++--------------
 lib/landing/src/NavBar.tsx        |  2 +-
 lib/landing/src/Wrapper.tsx       |  2 +-
 3 files changed, 9 insertions(+), 16 deletions(-)

diff --git a/frontend/src/common/EmptyBlob.tsx b/frontend/src/common/EmptyBlob.tsx
index b3e2caa53..6b2cf1de2 100644
--- a/frontend/src/common/EmptyBlob.tsx
+++ b/frontend/src/common/EmptyBlob.tsx
@@ -1,25 +1,18 @@
 import { Stack } from '@mui/material'
 import Typography from '@mui/material/Typography'
-import Image from "next/image"
+import Image from 'next/image'
 
 type EmptyBlobProps = {
   text: string
 }
 
 export default function EmptyBlob({ text }: EmptyBlobProps) {
+  const css = { maxWidth: '100%', height: 'auto' }
+
   return (
-    (<Stack spacing={1} alignItems='center'>
-      <Image
-        src='/emptyBlob.svg'
-        alt='Empty blob'
-        width={120}
-        height={120}
-        data-test='emptyBlobImage'
-        style={{
-          maxWidth: "100%",
-          height: "auto"
-        }} />
+    <Stack spacing={1} alignItems='center'>
+      <Image src='/emptyBlob.svg' alt='Empty blob' width={120} height={120} data-test='emptyBlobImage' style={css} />
       <Typography color='text.secondary'>{text}</Typography>
-    </Stack>)
-  );
+    </Stack>
+  )
 }
diff --git a/lib/landing/src/NavBar.tsx b/lib/landing/src/NavBar.tsx
index 123e11d0a..c5999efc9 100644
--- a/lib/landing/src/NavBar.tsx
+++ b/lib/landing/src/NavBar.tsx
@@ -12,7 +12,7 @@ import Tooltip from '@mui/material/Tooltip'
 import MenuItem from '@mui/material/MenuItem'
 import GitHubIcon from '@mui/icons-material/GitHub'
 import Link from './Link'
-import Image from 'next/legacy/image'
+import Image from 'next/image'
 import imageLoader from './imageLoader'
 
 import bailoLogo from '../public/Bailo-logo-reverse.png'
diff --git a/lib/landing/src/Wrapper.tsx b/lib/landing/src/Wrapper.tsx
index 053bb56e8..0924a859a 100644
--- a/lib/landing/src/Wrapper.tsx
+++ b/lib/landing/src/Wrapper.tsx
@@ -6,7 +6,7 @@ import CssBaseline from '@mui/material/CssBaseline'
 import { styled, ThemeProvider, useTheme } from '@mui/material/styles'
 import Toolbar from '@mui/material/Toolbar'
 import Head from 'next/head'
-import Image from 'next/legacy/image'
+import Image from 'next/image'
 import Link from './Link'
 import imageLoader from './imageLoader'
 import { Button, IconButton, Tooltip } from '@mui/material'