make settings page load

plugins/armcordSettings/index.js

@@ -2,7 +2,9 @@ import { LegacyPage } from "./pages/LegacyPage";
 import { SettingsPage } from "./pages/SettingsPage";
 import { ThemesPage } from "./pages/ThemesPage";
 import { UpdaterPage } from "./pages/UpdaterPage";
+import { refreshSettings } from "./settings";
 const {
+  plugin: {store},
   settings: {registerSection},
   util: { log },
 } = shelter;
@@ -17,6 +19,7 @@ let settingsPages = [
 ]
 
 export function onLoad() {
+  refreshSettings()
   log("ArmCord Settings")
   settingsPages
 }

plugins/armcordSettings/pages/SettingsPage.jsx

@@ -1,21 +1,19 @@
 
-
+import { set } from "../settings";
 const {
     plugin: { store },
     ui: { SwitchItem, Header, Divider, HeaderTags },
   } = shelter;
 
 
-export async function SettingsPage() {
-    const settings = armcord.settings.config
-    console.error(settings)
+export function SettingsPage() {
     return(
         <>
       <Header tag={HeaderTags.H1}>Settings</Header>
       <Divider mt mb="30px"/>
       <Header tag={HeaderTags.H5}>Mods</Header>
-      <SwitchItem note="placeholder" value={settings.armcordCSP}>ArmCord CSP</SwitchItem>
-      <SwitchItem note="placeholder" value={settings.autoScroll}>Vencord</SwitchItem>
+      <SwitchItem note="placeholder" value={store.settings.armcordCSP} onChange={(e) => set("armcordCSP", e)}>ArmCord CSP</SwitchItem>
+      <SwitchItem note="placeholder" value={store.settings.autoScroll}>Vencord</SwitchItem>
     </>
     )
 }

plugins/armcordSettings/settings.js

@@ -0,0 +1,9 @@
+const {plugin: { store }} = shelter
+export function refreshSettings() {
+    store.settings = window.armcord.settings.config
+    console.log(store.settings)
+}
+export function set(key, value) {
+    armcord.settings.setConfig(key, value)
+    refreshSettings()
+}