From 4e75605ac0703027c34783bae69855141b296a87 Mon Sep 17 00:00:00 2001
From: ajnart <ajnart@pm.me>
Date: Tue, 2 Aug 2022 00:21:11 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=83=F0=9F=8F=BB=20Typing,=20Styling,?=
 =?UTF-8?q?=20Formatting?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Config/LoadConfig.tsx | 5 +----
 src/modules/date/DateModule.tsx      | 4 ++--
 src/tools/types.ts                   | 5 ++++-
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/Config/LoadConfig.tsx b/src/components/Config/LoadConfig.tsx
index 09fc1a09f..122c5acc9 100644
--- a/src/components/Config/LoadConfig.tsx
+++ b/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,
diff --git a/src/modules/date/DateModule.tsx b/src/modules/date/DateModule.tsx
index b0128fe54..72a83fba8 100644
--- a/src/modules/date/DateModule.tsx
+++ b/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>
   );
 }
diff --git a/src/tools/types.ts b/src/tools/types.ts
index 663263c6e..f745c3524 100644
--- a/src/tools/types.ts
+++ b/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) {