💃🏻 Typing, Styling, Formatting

src/components/Config/LoadConfig.tsx

@@ -1,10 +1,7 @@
-import { Group, Text, useMantineTheme, MantineTheme } from '@mantine/core';
+import { Group, Text, useMantineTheme } from '@mantine/core';
 import {
-  IconUpload as Upload,
-  IconPhoto as Photo,
   IconX as X,
   IconCheck as Check,
-  TablerIcon,
   IconX,
   IconPhoto,
   IconUpload,

src/modules/date/DateModule.tsx

@@ -1,4 +1,4 @@
-import { Group, Stack, Text, Title } from '@mantine/core';
+import { Group, Text, Title } from '@mantine/core';
 import dayjs from 'dayjs';
 import { useEffect, useState } from 'react';
 import { IconClock as Clock } from '@tabler/icons';
@@ -36,7 +36,7 @@ export default function DateComponent(props: any) {
   return (
     <Group p="sm" spacing="xs">
       <Title>{dayjs(date).format(formatString)}</Title>
-      <Text size="xl">{dayjs(date).format('dddd, MMMM D')}</Text>
+      <Text size="lg">{dayjs(date).format('dddd, MMMM D')}</Text>
     </Group>
   );
 }

src/tools/types.ts

@@ -84,7 +84,10 @@ export type ServiceType =
   | 'Sonarr'
   | 'Transmission';
 
-export function tryMatchPort(name: string, form?: any) {
+export function tryMatchPort(name: string | undefined, form?: any) {
+  if (!name) {
+    return undefined;
+  }
   // Match name with portmap key
   const port = portmap.find((p) => p.name === name.toLowerCase());
   if (form && port) {