diff --git a/components/modules/calendar/CalendarModule.tsx b/components/modules/calendar/CalendarModule.tsx
index c48124e13..951cae590 100644
--- a/components/modules/calendar/CalendarModule.tsx
+++ b/components/modules/calendar/CalendarModule.tsx
@@ -3,6 +3,8 @@ import { Popover, Box, ScrollArea, Divider, Indicator } from '@mantine/core';
import React, { useEffect, useState } from 'react';
import { Calendar } from '@mantine/dates';
import { CalendarIcon } from '@modulz/radix-icons';
+import { showNotification } from '@mantine/notifications';
+import { Check } from 'tabler-icons-react';
import { RadarrMediaDisplay, SonarrMediaDisplay } from './MediaDisplay';
import { useConfig } from '../../../tools/state';
import { IModule } from '../modules';
@@ -34,14 +36,36 @@ export default function CalendarComponent(props: any) {
fetch(
`${sonarrService?.url}api/calendar?apikey=${sonarrService?.apiKey}&end=${nextMonth}`
).then((response) => {
- response.ok && response.json().then((data) => setSonarrMedias(data));
+ response.ok &&
+ response.json().then((data) => {
+ setSonarrMedias(data);
+ showNotification({
+ title: 'Sonarr',
+ icon: ,
+ color: 'green',
+ autoClose: 1500,
+ radius: 'md',
+ message: `Loaded ${data.length} releases`,
+ });
+ });
});
}
if (radarrService && radarrService.apiKey) {
fetch(
`${radarrService?.url}api/v3/calendar?apikey=${radarrService?.apiKey}&end=${nextMonth}`
).then((response) => {
- response.ok && response.json().then((data) => setRadarrMedias(data));
+ response.ok &&
+ response.json().then((data) => {
+ setRadarrMedias(data);
+ showNotification({
+ title: 'Radarr',
+ icon: ,
+ color: 'green',
+ autoClose: 1500,
+ radius: 'md',
+ message: `Loaded ${data.length} releases`,
+ });
+ });
});
}
}, [config.services]);
diff --git a/pages/_app.tsx b/pages/_app.tsx
index 48877263c..3d8b2049f 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -36,7 +36,7 @@ export default function App(props: AppProps & { colorScheme: ColorScheme }) {
withGlobalStyles
withNormalizeCSS
>
-
+