From 620223f151700bbd91a33d32e2a4c29d4c287e9d Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Mon, 6 Feb 2023 12:04:30 +0700
Subject: no message

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

(limited to 'src/components/elements/Image.js')

diff --git a/src/components/elements/Image.js b/src/components/elements/Image.js
index 1fedf61c..8981547a 100644
--- a/src/components/elements/Image.js
+++ b/src/components/elements/Image.js
@@ -1,18 +1,13 @@
-import NextImage from "next/image";
-import { LazyLoadComponent } from "react-lazy-load-image-component";
+import { LazyLoadImage } from "react-lazy-load-image-component";
+import "react-lazy-load-image-component/src/effects/opacity.css";
 
 export default function Image({ src, alt, className = "" }) {
   return (
-    <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={1024}
-          height={1024}
-          className={className}
-        />
-      </div>
-    </LazyLoadComponent>
+    <LazyLoadImage
+      effect="opacity"
+      src={src || '/images/noimage.jpeg'}
+      alt={src ? alt : 'Image Not Found - Indoteknik'}
+      className={className}
+    />
   );
 }
\ No newline at end of file
-- 
cgit v1.2.3