diff --git a/components/Config/ConfigChanger.tsx b/components/Config/ConfigChanger.tsx
new file mode 100644
index 000000000..0fc531b05
--- /dev/null
+++ b/components/Config/ConfigChanger.tsx
@@ -0,0 +1,31 @@
+import { Loader, Select } from '@mantine/core';
+import { setCookies } from 'cookies-next';
+import { useEffect, useState } from 'react';
+import { useConfig } from '../../tools/state';
+
+export default function ConfigChanger() {
+ const { config, loadConfig, setConfig, getConfigs } = useConfig();
+ const [configList, setConfigList] = useState([] as string[]);
+ useEffect(() => {
+ getConfigs().then((configs) => setConfigList(configs));
+ // setConfig(initialConfig);
+ }, [config]);
+ // If configlist is empty, return a loading indicator
+ if (configList.length === 0) {
+ return ;
+ }
+ return (
+