From 6fd23cf6a003a2e666cea30dfb9e031e6e0e6e12 Mon Sep 17 00:00:00 2001
From: ajnart <ajnart@pm.me>
Date: Mon, 6 Jun 2022 23:10:53 +0200
Subject: [PATCH] :sparkles: Add support for multiple Arr services

In the calendar, you can now have 2 separate Sonarr or Radarr instances
---
 .../modules/calendar/CalendarModule.tsx       | 64 ++++++++++++-------
 1 file changed, 41 insertions(+), 23 deletions(-)

diff --git a/src/components/modules/calendar/CalendarModule.tsx b/src/components/modules/calendar/CalendarModule.tsx
index 2f6e61f87..211108463 100644
--- a/src/components/modules/calendar/CalendarModule.tsx
+++ b/src/components/modules/calendar/CalendarModule.tsx
@@ -41,29 +41,47 @@ export default function CalendarComponent(props: any) {
   }
 
   useEffect(() => {
-    // Filter only sonarr and radarr services
-
-    // Get the url and apiKey for all Sonarr and Radarr services
-    sonarrServices.map((service) =>
-      getMedias(service, 'sonarr').then((res) => {
-        setSonarrMedias([...sonarrMedias, ...res.data]);
-      })
-    );
-    radarrServices.map((service) =>
-      getMedias(service, 'radarr').then((res) => {
-        setRadarrMedias([...radarrMedias, ...res.data]);
-      })
-    );
-    lidarrServices.map((service) =>
-      getMedias(service, 'lidarr').then((res) => {
-        setLidarrMedias([...lidarrMedias, ...res.data]);
-      })
-    );
-    readarrServices.map((service) =>
-      getMedias(service, 'readarr').then((res) => {
-        setReadarrMedias([...readarrMedias, ...res.data]);
-      })
-    );
+    // Create each Sonarr service and get the medias
+    const currentSonarrMedias: any[] = [...sonarrMedias];
+    Promise.all(
+      sonarrServices.map((service) =>
+        getMedias(service, 'sonarr').then((res) => {
+          currentSonarrMedias.push(...res.data);
+        })
+      )
+    ).then(() => {
+      setSonarrMedias(currentSonarrMedias);
+    });
+    const currentRadarrMedias: any[] = [...radarrMedias];
+    Promise.all(
+      radarrServices.map((service) =>
+        getMedias(service, 'radarr').then((res) => {
+          currentRadarrMedias.push(...res.data);
+        })
+      )
+    ).then(() => {
+      setRadarrMedias(currentRadarrMedias);
+    });
+    const currentLidarrMedias: any[] = [...lidarrMedias];
+    Promise.all(
+      lidarrServices.map((service) =>
+        getMedias(service, 'lidarr').then((res) => {
+          currentLidarrMedias.push(...res.data);
+        })
+      )
+    ).then(() => {
+      setLidarrMedias(currentLidarrMedias);
+    });
+    const currentReadarrMedias: any[] = [...readarrMedias];
+    Promise.all(
+      readarrServices.map((service) =>
+        getMedias(service, 'readarr').then((res) => {
+          currentReadarrMedias.push(...res.data);
+        })
+      )
+    ).then(() => {
+      setReadarrMedias(currentReadarrMedias);
+    });
   }, [config.services]);
 
   return (