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/OptionsPage.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/OptionsPage.tsx')
| -rw-r--r-- | packages/browser-extension/src/OptionsPage.tsx | 60 |
1 files changed, 0 insertions, 60 deletions
diff --git a/packages/browser-extension/src/OptionsPage.tsx b/packages/browser-extension/src/OptionsPage.tsx deleted file mode 100644 index 6407b3cc..00000000 --- a/packages/browser-extension/src/OptionsPage.tsx +++ /dev/null @@ -1,60 +0,0 @@ -import React, { useEffect } from "react"; -import usePluginSettings from "./utils/settings"; -import { api } from "./utils/trpc"; -import Spinner from "./Spinner"; -import { useNavigate } from "react-router-dom"; -import Logo from "./Logo"; - -export default function OptionsPage() { - const navigate = useNavigate(); - const { settings, setSettings } = usePluginSettings(); - - const { data: whoami, error: whoAmIError } = api.users.whoami.useQuery( - undefined, - { - enabled: settings.address != "", - }, - ); - - const invalidateWhoami = api.useUtils().users.whoami.refetch; - - useEffect(() => { - invalidateWhoami(); - }, [settings, invalidateWhoami]); - - let loggedInMessage: React.ReactNode; - if (whoAmIError) { - if (whoAmIError.data?.code == "UNAUTHORIZED") { - loggedInMessage = <span>Not logged in</span>; - } else { - loggedInMessage = ( - <span>Something went wrong: {whoAmIError.message}</span> - ); - } - } else if (whoami) { - loggedInMessage = <span>{whoami.email}</span>; - } else { - loggedInMessage = <Spinner />; - } - - const onLogout = () => { - setSettings((s) => ({ ...s, apiKey: "" })); - invalidateWhoami(); - navigate("/notconfigured"); - }; - - return ( - <div className="flex flex-col space-y-2"> - <Logo /> - <span className="text-lg">Settings</span> - <hr /> - <div className="flex gap-2"> - <span className="my-auto">Logged in as:</span> - {loggedInMessage} - </div> - <button className="rounded-lg border border-gray-200" onClick={onLogout}> - Logout - </button> - </div> - ); -} |
