aboutsummaryrefslogtreecommitdiffstats
path: root/packages/browser-extension/src/NotConfiguredPage.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/browser-extension/src/NotConfiguredPage.tsx')
-rw-r--r--packages/browser-extension/src/NotConfiguredPage.tsx47
1 files changed, 0 insertions, 47 deletions
diff --git a/packages/browser-extension/src/NotConfiguredPage.tsx b/packages/browser-extension/src/NotConfiguredPage.tsx
deleted file mode 100644
index fc5c8f47..00000000
--- a/packages/browser-extension/src/NotConfiguredPage.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import { useEffect, useState } from "react";
-import { useNavigate } from "react-router-dom";
-import usePluginSettings from "./utils/settings";
-import Logo from "./Logo";
-
-export default function NotConfiguredPage() {
- const navigate = useNavigate();
-
- const { settings, setSettings } = usePluginSettings();
-
- const [error, setError] = useState("");
- const [serverAddress, setServerAddress] = useState(settings.address);
- useEffect(() => {
- setServerAddress(settings.address);
- }, [settings.address]);
-
- const onSave = () => {
- if (serverAddress == "") {
- setError("Server address is required");
- return;
- }
- setSettings((s) => ({ ...s, address: serverAddress }));
- navigate("/signin");
- };
-
- return (
- <div className="flex flex-col space-y-2">
- <Logo />
- <span className="pt-3">
- To use the plugin, you need to configure it first.
- </span>
- <p className="text-red-500">{error}</p>
- <div className="flex gap-2">
- <label className="my-auto">Server Address</label>
- <input
- name="address"
- value={serverAddress}
- className="h-8 flex-1 rounded-lg border border-gray-300 p-2"
- onChange={(e) => setServerAddress(e.target.value)}
- />
- </div>
- <button className="bg-black text-white" onClick={onSave}>
- Configure
- </button>
- </div>
- );
-}