Overhaul (#83)

* WIP Layout Refactor

* New Connection Dialog

* WIP form overhaul

* Fix remaining config pages

src/core/stores/appStore.ts

@@ -4,7 +4,7 @@ import { create } from "zustand";
 export interface RasterSource {
   enabled: boolean;
   title: string;
-  tiles: string[];
+  tiles: string;
   tileSize: number;
 }
 
@@ -27,6 +27,7 @@ interface AppState {
   commandPaletteOpen: boolean;
   darkMode: boolean;
   accent: accentColor;
+  connectDialogOpen: boolean;
 
   setRasterSources: (sources: RasterSource[]) => void;
   addRasterSource: (source: RasterSource) => void;
@@ -38,6 +39,7 @@ interface AppState {
   setCommandPaletteOpen: (open: boolean) => void;
   setDarkMode: (enabled: boolean) => void;
   setAccent: (color: accentColor) => void;
+  setConnectDialogOpen: (open: boolean) => void;
 }
 
 export const useAppStore = create<AppState>()((set) => ({
@@ -46,8 +48,9 @@ export const useAppStore = create<AppState>()((set) => ({
   currentPage: "messages",
   rasterSources: [],
   commandPaletteOpen: false,
-  darkMode: true,
+  darkMode: false,
   accent: "orange",
+  connectDialogOpen: false,
 
   setRasterSources: (sources: RasterSource[]) => {
     set(
@@ -102,5 +105,12 @@ export const useAppStore = create<AppState>()((set) => ({
         draft.accent = color;
       })
     );
+  },
+  setConnectDialogOpen: (open: boolean) => {
+    set(
+      produce<AppState>((draft) => {
+        draft.connectDialogOpen = open;
+      })
+    );
   }
 }));