From 1ec8f1db193628b816ab14825afb6fd0a3890294 Mon Sep 17 00:00:00 2001
From: ajnart <ajnart@pm.me>
Date: Thu, 26 May 2022 00:10:48 +0200
Subject: [PATCH] :ambulance: Critical hotfix for various bugs

---
 src/components/Config/ConfigChanger.tsx          |  2 +-
 src/components/Config/SaveConfig.tsx             |  1 -
 src/components/Config/SelectConfig.tsx           | 16 ----------------
 src/components/modules/calendar/MediaDisplay.tsx |  1 -
 src/tools/state.tsx                              |  2 +-
 5 files changed, 2 insertions(+), 20 deletions(-)
 delete mode 100644 src/components/Config/SelectConfig.tsx

diff --git a/src/components/Config/ConfigChanger.tsx b/src/components/Config/ConfigChanger.tsx
index 8d4be4db8..5b8836803 100644
--- a/src/components/Config/ConfigChanger.tsx
+++ b/src/components/Config/ConfigChanger.tsx
@@ -9,7 +9,7 @@ export default function ConfigChanger() {
   useEffect(() => {
     getConfigs().then((configs) => setConfigList(configs));
     // setConfig(initialConfig);
-  }, [config.name]);
+  }, [config]);
   // If configlist is empty, return a loading indicator
   if (configList.length === 0) {
     return (
diff --git a/src/components/Config/SaveConfig.tsx b/src/components/Config/SaveConfig.tsx
index a0b7997e7..4d4835684 100644
--- a/src/components/Config/SaveConfig.tsx
+++ b/src/components/Config/SaveConfig.tsx
@@ -44,7 +44,6 @@ export default function SaveConfigComponent(props: any) {
         >
           <TextInput
             required
-            defaultValue={config.name}
             label="Config name"
             placeholder="Your new config name"
             {...form.getInputProps('configName')}
diff --git a/src/components/Config/SelectConfig.tsx b/src/components/Config/SelectConfig.tsx
deleted file mode 100644
index 4abd659fb..000000000
--- a/src/components/Config/SelectConfig.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { Select } from '@mantine/core';
-import { useState } from 'react';
-
-export default function SelectConfig(props: any) {
-  const [value, setValue] = useState<string | null>('');
-  return (
-    <Select
-      value={value}
-      onChange={setValue}
-      data={[
-        { value: 'default', label: 'Default' },
-        { value: 'yourmom', label: 'Your mom' },
-      ]}
-    />
-  );
-}
diff --git a/src/components/modules/calendar/MediaDisplay.tsx b/src/components/modules/calendar/MediaDisplay.tsx
index f26d843a2..9496ca002 100644
--- a/src/components/modules/calendar/MediaDisplay.tsx
+++ b/src/components/modules/calendar/MediaDisplay.tsx
@@ -94,7 +94,6 @@ export function ReadarrMediaDisplay(props: any) {
   }
   const baseUrl = new URL(readarr.url).origin;
   // Remove '/' from the end of the lidarr url
-  console.log(poster);
   const fullLink = `${baseUrl}${poster.url}`;
   // Return a movie poster containting the title and the description
   return (
diff --git a/src/tools/state.tsx b/src/tools/state.tsx
index 229fb3191..47a3bd79a 100644
--- a/src/tools/state.tsx
+++ b/src/tools/state.tsx
@@ -51,7 +51,7 @@ export function ConfigProvider({ children }: Props) {
   async function loadConfig(configName: string) {
     try {
       const response = await axios.get(`/api/configs/${configName}`);
-      setConfigInternal(response.data);
+      setConfigInternal(JSON.parse(response.data));
       showNotification({
         title: 'Config',
         icon: <Check />,