🎨 Rename "services" to "apps" in entire project

src/modules/calendar/CalendarModule.tsx

@@ -52,10 +52,10 @@ export default function CalendarComponent(props: any) {
   const [lidarrMedias, setLidarrMedias] = useState([] as any);
   const [radarrMedias, setRadarrMedias] = useState([] as any);
   const [readarrMedias, setReadarrMedias] = useState([] as any);
-  const sonarrServices = config.services.filter((service) => service.type === 'Sonarr');
-  const radarrServices = config.services.filter((service) => service.type === 'Radarr');
-  const lidarrServices = config.services.filter((service) => service.type === 'Lidarr');
-  const readarrServices = config.services.filter((service) => service.type === 'Readarr');
+  const sonarrServices = config.apps.filter((service) => service.type === 'Sonarr');
+  const radarrServices = config.apps.filter((service) => service.type === 'Radarr');
+  const lidarrServices = config.apps.filter((service) => service.type === 'Lidarr');
+  const readarrServices = config.apps.filter((service) => service.type === 'Readarr');
   const today = new Date();
 
   const { classes, cx } = useStyles();
@@ -125,7 +125,7 @@ export default function CalendarComponent(props: any) {
     ).then(() => {
       setReadarrMedias(currentReadarrMedias);
     });
-  }, [config.services]);
+  }, [config.apps]);
 
   const weekStartsAtSunday =
     (config?.modules?.[CalendarModule.id]?.options?.sundaystart?.value as boolean) ?? false;

src/modules/common/MediaDisplay.tsx

@@ -28,7 +28,7 @@ export interface IMedia {
 export function OverseerrMediaDisplay(props: any) {
   const { media }: { media: Result } = props;
   const { config } = useConfig();
-  const service = config.services.find(
+  const service = config.apps.find(
     (service) => service.type === 'Overseerr' || service.type === 'Jellyseerr'
   );
 
@@ -58,7 +58,7 @@ export function ReadarrMediaDisplay(props: any) {
   const { media }: { media: any } = props;
   const { config } = useConfig();
   // Find lidarr in services
-  const readarr = config.services.find((service: serviceItem) => service.type === 'Readarr');
+  const readarr = config.apps.find((service: serviceItem) => service.type === 'Readarr');
   // Find a poster CoverType
   const poster = media.images.find((image: any) => image.coverType === 'cover');
   if (!readarr) {
@@ -90,7 +90,7 @@ export function LidarrMediaDisplay(props: any) {
   const { media }: { media: any } = props;
   const { config } = useConfig();
   // Find lidarr in services
-  const lidarr = config.services.find((service: serviceItem) => service.type === 'Lidarr');
+  const lidarr = config.apps.find((service: serviceItem) => service.type === 'Lidarr');
   // Find a poster CoverType
   const poster = media.images.find((image: any) => image.coverType === 'cover');
   if (!lidarr) {

src/modules/dashdot/DashdotModule.tsx

@@ -137,7 +137,7 @@ export function DashdotComponent() {
 
   const dashConfig = config.modules?.[DashdotModule.id].options as typeof DashdotModule['options'];
   const isCompact = dashConfig?.useCompactView?.value ?? false;
-  const dashdotService: serviceItem | undefined = config.services.filter(
+  const dashdotService: serviceItem | undefined = config.apps.filter(
     (service) => service.type === 'Dash.'
   )[0];
   const dashdotUrl = dashdotService?.url ?? dashConfig?.url?.value ?? '';

src/modules/docker/ContainerActionBar.tsx

@@ -20,7 +20,7 @@ import { v4 as uuidv4 } from 'uuid';
 import { tryMatchService } from '../../tools/addToHomarr';
 import { openContextModalGeneric } from '../../tools/mantineModalManagerExtensions';
 import { useConfig } from '../../tools/state';
-import { ServiceType } from '../../types/service';
+import { AppType } from '../../types/app';
 
 let t: TFunction<'modules/docker', undefined>;
 
@@ -163,7 +163,7 @@ export default function ContainerActionBar({ selected, reload }: ContainerAction
         disabled={selected.length === 0 || selected.length > 1}
         onClick={() => {
           const containerUrl = `http://localhost:${selected[0].Ports[0].PublicPort}`;
-          openContextModalGeneric<{ service: ServiceType }>({
+          openContextModalGeneric<{ service: AppType }>({
             modal: 'editService',
             innerProps: {
               service: {

src/modules/torrents/TorrentsModule.tsx

@@ -39,7 +39,7 @@ export const TorrentsModule: IModule = {
 export default function TorrentsComponent() {
   const { config } = useConfig();
   const downloadServices =
-    config.services.filter(
+    config.apps.filter(
       (service) =>
         service.type === 'qBittorrent' ||
         service.type === 'Transmission' ||

src/modules/torrents/TotalDownloadsModule.tsx

@@ -30,7 +30,7 @@ export default function TotalDownloadsComponent() {
   const setSafeInterval = useSetSafeInterval();
   const { config } = useConfig();
   const downloadServices =
-    config.services.filter(
+    config.apps.filter(
       (service) =>
         service.type === 'qBittorrent' ||
         service.type === 'Transmission' ||
@@ -68,7 +68,7 @@ export default function TotalDownloadsComponent() {
           clearInterval(interval);
         });
     }, 1000);
-  }, [config.services]);
+  }, [config.apps]);
 
   useEffect(() => {
     torrentHistoryHandlers.append({

src/modules/usenet/UsenetModule.tsx

@@ -31,7 +31,7 @@ export const UsenetComponent: FunctionComponent = () => {
   const { t } = useTranslation('modules/usenet');
 
   const [selectedServiceId, setSelectedService] = useState<string | null>(downloadServices[0]?.id);
-  const { data } = useGetUsenetInfo({ serviceId: selectedServiceId! });
+  const { data } = useGetUsenetInfo({ appId: selectedServiceId! });
 
   useEffect(() => {
     if (!selectedServiceId && downloadServices.length) {
@@ -39,8 +39,8 @@ export const UsenetComponent: FunctionComponent = () => {
     }
   }, [downloadServices, selectedServiceId]);
 
-  const { mutate: pause } = usePauseUsenetQueue({ serviceId: selectedServiceId! });
-  const { mutate: resume } = useResumeUsenetQueue({ serviceId: selectedServiceId! });
+  const { mutate: pause } = usePauseUsenetQueue({ appId: selectedServiceId! });
+  const { mutate: resume } = useResumeUsenetQueue({ appId: selectedServiceId! });
 
   if (downloadServices.length === 0) {
     return (
@@ -98,10 +98,10 @@ export const UsenetComponent: FunctionComponent = () => {
         />
       )}
       <Tabs.Panel value="queue">
-        <UsenetQueueList serviceId={selectedServiceId} />
+        <UsenetQueueList appId={selectedServiceId} />
       </Tabs.Panel>
       <Tabs.Panel value="history">
-        <UsenetHistoryList serviceId={selectedServiceId} />
+        <UsenetHistoryList appId={selectedServiceId} />
       </Tabs.Panel>
     </Tabs>
   );