fix: use next image with preloader

tahsinature · May 25, 2024 · 7f6980c · 7f6980c
1 parent 010e6c6
commit 7f6980c
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/components/Images/ImageStack.tsx b/src/components/Images/ImageStack.tsx
@@ -1,18 +1,18 @@
-import Image from "next/image";
+import { Image } from "@nextui-org/react";
 import classes from "./ImageStack.module.scss";
 import clsx from "clsx";
 
 const ImageStack = (props: { images: [string, string, string] }) => {
   return (
     <div className={clsx(classes.Holder)}>
       <div className={clsx(classes.StackImage)}>
-        <Image src={props.images[0]} height={200} width={200} alt="stack of image" />
+        <Image radius="none" src={props.images[0]} height={200} width={200} alt="stack of image" />
       </div>
       <div className={clsx(classes.StackImage)}>
-        <Image src={props.images[1]} height={200} width={200} alt="stack of image" />
+        <Image radius="none" src={props.images[1]} height={200} width={200} alt="stack of image" />
       </div>
       <div className={clsx(classes.StackImage)}>
-        <Image src={props.images[2]} height={200} width={200} alt="stack of image" />
+        <Image radius="none" src={props.images[2]} height={200} width={200} alt="stack of image" />
       </div>
     </div>
   );