Fix next/image legacy warnings

CodeForAfrica · Nov 4, 2024 · 8d5cc62 · 8d5cc62
1 parent a7792d8
commit 8d5cc62
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/apps/climatemappedafrica/src/components/DataIndicators/Icon.js b/apps/climatemappedafrica/src/components/DataIndicators/Icon.js
@@ -22,7 +22,7 @@ function Icon({ item, handleIconClick, currentItemIndex, index }) {
       >
         <Image
           src={index === currentItemIndex ? secondaryIcon : primaryIcon}
-          layout="fill"
+          fill
         />
       </Box>
       <Typography

diff --git a/apps/climatemappedafrica/src/components/HURUmap/Tutorial/TutorialStep/index.js b/apps/climatemappedafrica/src/components/HURUmap/Tutorial/TutorialStep/index.js
@@ -1,7 +1,7 @@
 import { RichText } from "@commons-ui/payload";
 import { Grid, Typography, IconButton, Avatar } from "@mui/material";
 import { useTour } from "@reactour/tour";
-import Image from "next/image";
+import Image from "next/legacy/image";
 import PropTypes from "prop-types";
 import React from "react";
-Original file line number
+Diff line change
@@ Expand Up @@
           >
             <Image
               src={index === currentItemIndex ? secondaryIcon : primaryIcon}
-              layout="fill"
+              fill
             />
           </Box>
           <Typography
@@ Expand Down @@