Added Next Imagge to Datasets

AI4Bharat · Aug 28, 2024 · b1210be · b1210be
1 parent 7298ee0
commit b1210be
Showing 1 changed file with 2 additions and 6 deletions.
diff --git a/frontend/components/Datasets.tsx b/frontend/components/Datasets.tsx
@@ -12,11 +12,11 @@ import {
   Card,
   CardBody,
   useColorModeValue,
-  Image,
   SkeletonCircle,
   SkeletonText,
   Link,
 } from "@chakra-ui/react";
+import Image from "next/image";
 import axios from "axios";
 import { useQuery } from "react-query";
 import { API_URL } from "@/app/config";
@@ -130,11 +130,7 @@ export default function Datasets() {
             >
               <Image
                 alt={"Hero Image"}
-                fit={"cover"}
-                align={"center"}
-                padding={1}
-                w={"100%"}
-                h={"100%"}
+                fill
                 src={`${imagePrefix}/assets/data-collection.png`}
               />
             </Box>