From 0ba4123a9e7c4c8643a1fa3043b31f494f644b53 Mon Sep 17 00:00:00 2001
From: Joy A <itsjoy@gmail.com>
Date: Wed, 23 Oct 2024 17:16:51 +0530
Subject: [PATCH] #179 | Remove unnecessary API calls to improve performance

---
 client/components/ImageCarousel.tsx | 33 ++++++-----------------------
 client/components/ImageList.tsx     |  1 +
 2 files changed, 7 insertions(+), 27 deletions(-)

diff --git a/client/components/ImageCarousel.tsx b/client/components/ImageCarousel.tsx
index 0f18589..d50dfc6 100644
--- a/client/components/ImageCarousel.tsx
+++ b/client/components/ImageCarousel.tsx
@@ -12,7 +12,7 @@ import {MediaSearchService} from "@/service/MediaSearchService";
 import Loading from '@/components/loading';
 
 interface Props {
-    imageList: object[];
+    imageList: imageType[];
     totalRecords: any;
     carouselImage: any;
     currentPage: any;
@@ -22,43 +22,21 @@ interface Props {
     checkedImage: string[];
     setCheckedImage: string[];
     dataBody: any;
+    minLevelName: string;
 }
 
 const ImageCarousel = ({
                            imageList,
-                           totalRecords,
                            carouselImage,
-                           currentPage,
-                           showPerpage,
                            onClose,
                            onSelectImage,
                            checkedImage,
-                           dataBody
+                           minLevelName
                        }: Props) => {
     const ci = carouselImage as never;
     const index = imageList.indexOf(ci);
     const [images, setImages] = useState([]);
     const [showLoader, setShowLoader] = useState(false);
-    const [minLevelName, setMinLevelName] = useState<string>('');
-
-    useEffect(() => {
-        const filterData = async () => {
-            const processedData = await operationalModuleData()
-            setMinLevelName(processedData.minLevelAddressName)
-        };
-        filterData();
-    }, []);
-
-    useEffect(() => {
-        redirectIfNotValid();
-        const fetchImages = async () => {
-            setShowLoader(true);
-            const responseData = await MediaSearchService.searchMedia(dataBody, currentPage, showPerpage);
-            setImages(responseData.data);
-            setShowLoader(false);
-        };
-        fetchImages();
-    }, [totalRecords]);
 
     const onSelectImageCarousel = (value: string, checked: boolean) => {
         onSelectImage(value, checked,);
@@ -77,7 +55,8 @@ const ImageCarousel = ({
             `${process.env.NEXT_PUBLIC_WEB}/web/individual/byMetadata`,
             options
         );
-        window.location.href = buildSubjectDashboardURLForUUID(response.data.uuid);
+        const newWindow = window.open(buildSubjectDashboardURLForUUID(response.data.uuid), '_blank', 'noopener,noreferrer');
+        if (newWindow) newWindow.opener = null;
         return;
     };
 
@@ -151,7 +130,7 @@ const ImageCarousel = ({
                                 dynamicHeight={false}
                                 useKeyboardArrows={true}
                             >
-                                {images.map(
+                                {imageList.map(
                                     (
                                         img: imageType,
                                         index
diff --git a/client/components/ImageList.tsx b/client/components/ImageList.tsx
index 390fe10..b618892 100644
--- a/client/components/ImageList.tsx
+++ b/client/components/ImageList.tsx
@@ -942,6 +942,7 @@ export default function ImageList() {
                                 checkedImage={checkedImage}
                                 setCheckedImage={[]}
                                 dataBody={dataBody}
+                                minLevelName={minLevelName}
                             />
                         )}
                         <Pagination