✨ Add new config format

src/pages/_app.tsx

@@ -1,18 +1,18 @@
-import { GetServerSidePropsContext } from 'next';
-import { useState } from 'react';
-import { AppProps } from 'next/app';
-import { getCookie } from 'cookies-next';
-import Head from 'next/head';
-import { MantineProvider, ColorScheme, ColorSchemeProvider, MantineTheme } from '@mantine/core';
-import { NotificationsProvider } from '@mantine/notifications';
+import { ColorScheme, ColorSchemeProvider, MantineProvider, MantineTheme } from '@mantine/core';
 import { useColorScheme, useHotkeys, useLocalStorage } from '@mantine/hooks';
 import { ModalsProvider } from '@mantine/modals';
-import { appWithTranslation } from 'next-i18next';
+import { NotificationsProvider } from '@mantine/notifications';
 import { QueryClientProvider } from '@tanstack/react-query';
-import { ConfigProvider } from '../tools/state';
-import { theme } from '../tools/theme';
+import { getCookie } from 'cookies-next';
+import { GetServerSidePropsContext } from 'next';
+import { appWithTranslation } from 'next-i18next';
+import { AppProps } from 'next/app';
+import Head from 'next/head';
+import { useState } from 'react';
+import { ConfigProvider } from '../config/provider';
 import { ColorTheme } from '../tools/color';
 import { queryClient } from '../tools/queryClient';
+import { theme } from '../tools/theme';
 
 function App(this: any, props: AppProps & { colorScheme: ColorScheme }) {
   const { Component, pageProps } = props;

src/pages/api/modules/search.ts

@@ -1,19 +0,0 @@
-import axios from 'axios';
-import { NextApiRequest, NextApiResponse } from 'next';
-
-async function Get(req: NextApiRequest, res: NextApiResponse) {
-  const { q } = req.query;
-  const response = await axios.get(`https://duckduckgo.com/ac/?q=${q}`);
-  res.status(200).json(response.data);
-}
-
-export default async (req: NextApiRequest, res: NextApiResponse) => {
-  // Filter out if the reuqest is a POST or a GET
-  if (req.method === 'GET') {
-    return Get(req, res);
-  }
-  return res.status(405).json({
-    statusCode: 405,
-    message: 'Method not allowed',
-  });
-};

src/pages/index.tsx

@@ -1,17 +1,15 @@
 import { getCookie, setCookie } from 'cookies-next';
 import { GetServerSidePropsContext } from 'next';
-import { useEffect } from 'react';
 import { serverSideTranslations } from 'next-i18next/serverSideTranslations';
 
-import AppShelf from '../components/AppShelf/AppShelf';
 import LoadConfigComponent from '../components/Config/LoadConfig';
-import { Config } from '../tools/types';
-import { useConfig } from '../tools/state';
-import { migrateToIdConfig } from '../tools/migrate';
-import { getConfig } from '../tools/getConfig';
-import { useColorTheme } from '../tools/color';
+import { Dashboard } from '../components/Dashboard/Dashboard';
 import Layout from '../components/layout/Layout';
+import { useInitConfig } from '../config/init';
+import { getConfig } from '../tools/getConfig';
 import { dashboardNamespaces } from '../tools/translation-namespaces';
+import { Config } from '../tools/types';
+import { ConfigType } from '../types/config';
 
 export async function getServerSideProps({
   req,
@@ -38,18 +36,20 @@ export async function getServerSideProps({
 }
 
 export default function HomePage(props: any) {
-  const { config: initialConfig }: { config: Config } = props;
-  const { setConfig } = useConfig();
+  const { config: initialConfig }: { config: ConfigType } = props;
+  /*const { setConfig } = useConfig();
   const { setPrimaryColor, setSecondaryColor } = useColorTheme();
   useEffect(() => {
     const migratedConfig = migrateToIdConfig(initialConfig);
     setPrimaryColor(migratedConfig.settings.primaryColor || 'red');
     setSecondaryColor(migratedConfig.settings.secondaryColor || 'orange');
     setConfig(migratedConfig);
-  }, [initialConfig]);
+  }, [initialConfig]);*/
+  useInitConfig(initialConfig);
+
   return (
     <Layout>
-      <AppShelf />
+      <Dashboard />
       <LoadConfigComponent />
     </Layout>
   );