Finish implementing setting system

2 files changed, 31 insertions, 17 deletions

diff --git a/extension/src/Settings.ts b/extension/src/Settings.ts
new file mode 100644
index 0000000..a38680a
--- /dev/null
+++ b/extension/src/Settings.ts
@@ -0,0 +1,31 @@
+import {getBrowser} from "./main.tsx";
+
+export interface ISettings {
+    sort: "from-bookmarks" | "alphabetical" | "frequency" | "recent"
+    foldersFirst: boolean
+    backgroundMode: "theme" | "color" | "image"
+    backgroundColor: string
+    backgroundImage: string
+    editMode: boolean
+    rootFolder: string | null
+}
+
+export let defaultSettings: ISettings = {
+    sort: "from-bookmarks",
+    foldersFirst: true,
+    backgroundMode: "theme",
+    backgroundColor: "#000000",
+    backgroundImage: "",
+    editMode: false,
+    rootFolder: '0',
+}
+
+export function loadSettings(): Promise<ISettings> {
+    // @ts-ignore
+    return getBrowser().storage.local.get(defaultSettings)
+}
+
+export function writeSettings(settings: ISettings) {
+    getBrowser().storage.local.set(settings);
+}
+
diff --git a/extension/src/Settings.tsx b/extension/src/Settings.tsx
deleted file mode 100644
index 7e44c34..0000000
--- a/extension/src/Settings.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-let settings: { [p: string]: any } = {
-    sort: "from-bookmarks",
-    backgroundMode: "from-theme",
-    backgroundColor: "#000000",
-    rootFolderID: 0,
-}
-
-function loadSettings() {
-    browser.storage.local.set(settings);
-}
-
-function writeSettings() {
-    browser.storage.local.get(settings).then(r => {
-        settings = r;
-    })
-}
-