fix settings

interface/src/types/AppProps.ts

@@ -0,0 +1,53 @@
+export interface SettingsState {
+  notificationCollector: boolean;
+  lessonAlerts: boolean;
+  animatedBackground: boolean;
+  animatedBackgroundSpeed: string;
+  customThemeColor: string;
+  betterSEQTAPlus: boolean;
+}
+
+// Define the ToggleItem interface for the nested objects in menuitems
+interface ToggleItem {
+  toggle: boolean;
+}
+
+// Define the Shortcut interface for the objects in the shortcuts array
+interface Shortcut {
+  enabled: boolean;
+  name: string;
+}
+
+// Define the MainConfig interface for the top-level object
+export interface MainConfig {
+  DarkMode: boolean;
+  animatedbk: boolean;
+  bksliderinput: string;
+  customshortcuts: any[];
+  defaultmenuorder: any[];
+  lessonalert: boolean;
+  menuitems: {
+    assessments: ToggleItem;
+    courses: ToggleItem;
+    dashboard: ToggleItem;
+    documents: ToggleItem;
+    forums: ToggleItem;
+    goals: ToggleItem;
+    home: ToggleItem;
+    messages: ToggleItem;
+    myed: ToggleItem;
+    news: ToggleItem;
+    notices: ToggleItem;
+    portals: ToggleItem;
+    reports: ToggleItem;
+    settings: ToggleItem;
+    timetable: ToggleItem;
+    welcome: ToggleItem;
+  };
+  menuorder: any[];
+  notificationcollector: boolean;
+  onoff: boolean;
+  selectedColor: string;
+  shortcuts: Shortcut[];
+  subjectfilters: Record<string, any>; // Could be more specific based on what types are allowed
+}

interface/src/types/ColorPickerProps.ts

@@ -0,0 +1,4 @@
+export interface ColorPickerProps {
+    color: string;
+    onChange: (color: string) => void;
+}

interface/src/types/SettingsProps.ts

@@ -0,0 +1,11 @@
+import type { SettingsState } from './AppProps';
+
+export interface SettingsList {
+  title: string;
+  description: string;
+  modifyElement: JSX.Element;
+}
+export interface SettingsProps {
+  settingsState: SettingsState;
+  setSettingsState: React.Dispatch<React.SetStateAction<SettingsState>>;
+}

interface/src/types/SliderProps.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import "./Slider.css";
+export interface Slider {
+    onValueChange: (value: number) => void;
+}
+declare const Slider: React.FC<Slider>;
+export default Slider;

interface/src/types/SwitchProps.ts

@@ -0,0 +1,6 @@
+import "./Switch.css";
+
+export interface SwitchProps {
+    onChange: (isOn: boolean) => void;
+    state: boolean;
+}

interface/src/types/TabbedContainerProps.ts

@@ -0,0 +1,11 @@
+import React, { JSX } from 'react';
+export interface Tab {
+    title: string;
+    content: JSX.Element;
+}
+export interface TabbedContainerProps {
+    tabs: Tab[];
+    themeColor: string;
+}
+declare const TabbedContainer: React.FC<TabbedContainerProps>;
+export default TabbedContainer;