From 4e8fc0f09765cd90773fcef0cb483ca1872f2883 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Sat, 4 Feb 2023 13:02:36 +0700
Subject: no message

---
 src/components/elements/Image.js | 21 +++++++++++++--------
 1 file changed, 13 insertions(+), 8 deletions(-)

(limited to 'src/components')

diff --git a/src/components/elements/Image.js b/src/components/elements/Image.js
index e85237ed..26e85bee 100644
--- a/src/components/elements/Image.js
+++ b/src/components/elements/Image.js
@@ -1,13 +1,18 @@
-import { LazyLoadImage } from "react-lazy-load-image-component";
-import 'react-lazy-load-image-component/src/effects/opacity.css';
+import NextImage from "next/image";
+import { LazyLoadComponent } from "react-lazy-load-image-component";
 
 export default function Image({ src, alt, className = "" }) {
   return (
-    <LazyLoadImage 
-      effect="opacity"
-      src={src || '/images/noimage.jpeg'}
-      alt={src ? alt : 'Image Not Found - Indoteknik'}
-      className={className}
-    />
+    <LazyLoadComponent>
+      <div className="w-full h-full flex justify-center items-center">
+        <NextImage 
+          src={src || '/images/noimage.jpeg'}
+          alt={src ? alt : 'Image Not Found - Indoteknik'}
+          width={512}
+          height={512}
+          className={className}
+        />
+      </div>
+    </LazyLoadComponent>
   );
 }
\ No newline at end of file
-- 
cgit v1.2.3