diff options
| author | MohamedBassem <me@mbassem.com> | 2024-03-13 21:43:44 +0000 |
|---|---|---|
| committer | Mohamed Bassem <me@mbassem.com> | 2024-03-14 16:40:45 +0000 |
| commit | 04572a8e5081b1e4871e273cde9dbaaa44c52fe0 (patch) | |
| tree | 8e993acb732a50d1306d4d6953df96c165c57f57 /packages/browser-extension/src/NotConfiguredPage.tsx | |
| parent | 2df08ed08c065e8b91bc8df0266bd4bcbb062be4 (diff) | |
| download | karakeep-04572a8e5081b1e4871e273cde9dbaaa44c52fe0.tar.zst | |
structure: Create apps dir and copy tooling dir from t3-turbo repo
Diffstat (limited to 'packages/browser-extension/src/NotConfiguredPage.tsx')
| -rw-r--r-- | packages/browser-extension/src/NotConfiguredPage.tsx | 47 |
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> - ); -} |
