From 97db9ba713c122286a7b12190346937aab78fa4d Mon Sep 17 00:00:00 2001
From: Aj - Thomas <thomascamlong@gmail.com>
Date: Fri, 6 May 2022 22:45:51 +0200
Subject: [PATCH] Conditional rendering when no API key provided

---
 components/calendar/CalendarComponent.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/calendar/CalendarComponent.tsx b/components/calendar/CalendarComponent.tsx
index e6fe567d9..58c7c52ca 100644
--- a/components/calendar/CalendarComponent.tsx
+++ b/components/calendar/CalendarComponent.tsx
@@ -1,5 +1,5 @@
 /* eslint-disable react/no-children-prop */
-import { Indicator, Popover, Box, ScrollArea, Divider } from '@mantine/core';
+import { Popover, Box, ScrollArea, Divider, Indicator } from '@mantine/core';
 import { useEffect, useState } from 'react';
 import { Calendar } from '@mantine/dates';
 import { RadarrMediaDisplay, SonarrMediaDisplay } from './MediaDisplay';
@@ -21,18 +21,18 @@ export default function CalendarComponent(props: any) {
     const sonarrService = filtered.filter((service) => service.type === 'Sonarr').at(0);
     const radarrService = filtered.filter((service) => service.type === 'Radarr').at(0);
     const nextMonth = new Date(new Date().setMonth(new Date().getMonth() + 2)).toISOString();
-    if (sonarrService) {
+    if (sonarrService && sonarrService.apiKey) {
       fetch(
         `${sonarrService?.url}api/calendar?apikey=${sonarrService?.apiKey}&end=${nextMonth}`
       ).then((response) => {
-        response.json().then((data) => setSonarrMedias(data));
+        response.ok && response.json().then((data) => setSonarrMedias(data));
       });
     }
-    if (radarrService) {
+    if (radarrService && radarrService.apiKey) {
       fetch(
         `${radarrService?.url}api/v3/calendar?apikey=${radarrService?.apiKey}&end=${nextMonth}`
       ).then((response) => {
-        response.json().then((data) => setRadarrMedias(data));
+        response.ok && response.json().then((data) => setRadarrMedias(data));
       });
     }
   }, [config.services]);