aboutsummaryrefslogtreecommitdiffstats
path: root/packages/browser-extension/src/SettingsPage.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/browser-extension/src/SettingsPage.tsx')
-rw-r--r--packages/browser-extension/src/SettingsPage.tsx53
1 files changed, 0 insertions, 53 deletions
diff --git a/packages/browser-extension/src/SettingsPage.tsx b/packages/browser-extension/src/SettingsPage.tsx
deleted file mode 100644
index bae870ac..00000000
--- a/packages/browser-extension/src/SettingsPage.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import { useRef } from "react";
-import usePluginSettings from "./settings";
-import { useNavigate } from "react-router-dom";
-
-export default function SettingsPage() {
- const navigate = useNavigate();
- const [settings, setSettings, _1, _2, _3] = usePluginSettings();
-
- const apiKeyRef = useRef<HTMLInputElement>(null);
- const addressRef = useRef<HTMLInputElement>(null);
-
- const onSave = () => {
- setSettings({
- apiKey: apiKeyRef.current?.value || "",
- address: addressRef.current?.value || "",
- });
- };
-
- return (
- <div className="flex flex-col space-y-2">
- <span className="text-lg">Settings</span>
- <hr />
- <div className="flex space-x-2 pt-2">
- <label className="m-auto h-full">API Key</label>
- <input
- ref={apiKeyRef}
- defaultValue={settings.apiKey}
- className="h-8 flex-1 rounded-lg border border-gray-300 p-2"
- />
- </div>
- <div className="flex space-x-2">
- <label className="m-auto h-full">Server Address</label>
- <input
- ref={addressRef}
- defaultValue={settings.address}
- className="h-8 flex-1 rounded-lg border border-gray-300 p-2"
- />
- </div>
- <button
- className="rounded-lg border border-gray-200"
- onClick={onSave}
- >
- Save
- </button>
- <button
- className="rounded-lg border border-gray-200"
- onClick={() => navigate("/")}
- >
- Back
- </button>
- </div>
- );
-}