From 79db0c779d6942c6bdc6823a5faef57b5307f7b3 Mon Sep 17 00:00:00 2001
From: AAGaming <aa@mail.catvibers.me>
Date: Wed, 24 Aug 2022 23:51:20 -0400
Subject: Settings API for loader, preview branch select

---
 frontend/src/utils/hooks/useSetting.ts | 39 ++++++++++++++++++++++++++++++++++
 1 file changed, 39 insertions(+)
 create mode 100644 frontend/src/utils/hooks/useSetting.ts

(limited to 'frontend/src/utils')

diff --git a/frontend/src/utils/hooks/useSetting.ts b/frontend/src/utils/hooks/useSetting.ts
new file mode 100644
index 00000000..2425ed16
--- /dev/null
+++ b/frontend/src/utils/hooks/useSetting.ts
@@ -0,0 +1,39 @@
+import { useEffect, useState } from 'react';
+
+interface GetSettingArgs<T> {
+  key: string;
+  default: T;
+}
+
+interface SetSettingArgs<T> {
+  key: string;
+  value: T;
+}
+
+export function useSetting<T>(key: string, def: T): [value: T | null, setValue: (value: T) => void] {
+  const [value, setValue] = useState(def);
+  const [ready, setReady] = useState<boolean>(false);
+
+  useEffect(() => {
+    (async () => {
+      const res = (await window.DeckyPluginLoader.callServerMethod('get_setting', {
+        key,
+        default: def,
+      } as GetSettingArgs<T>)) as { result: T };
+      setReady(true);
+      setValue(res.result);
+    })();
+  }, []);
+
+  useEffect(() => {
+    if (ready)
+      (async () => {
+        await window.DeckyPluginLoader.callServerMethod('set_setting', {
+          key,
+          value,
+        } as SetSettingArgs<T>);
+      })();
+  }, [value]);
+
+  return [value, setValue];
+}
-- 
cgit v1.2.3