diff options
Diffstat (limited to 'packages/browser-extension/src/SettingsPage.tsx')
| -rw-r--r-- | packages/browser-extension/src/SettingsPage.tsx | 53 |
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> - ); -} |
