aboutsummaryrefslogtreecommitdiffstats
path: root/packages/browser-extension/src/OptionsPage.tsx
diff options
context:
space:
mode:
authorMohamedBassem <me@mbassem.com>2024-03-13 21:43:44 +0000
committerMohamed Bassem <me@mbassem.com>2024-03-14 16:40:45 +0000
commit04572a8e5081b1e4871e273cde9dbaaa44c52fe0 (patch)
tree8e993acb732a50d1306d4d6953df96c165c57f57 /packages/browser-extension/src/OptionsPage.tsx
parent2df08ed08c065e8b91bc8df0266bd4bcbb062be4 (diff)
downloadkarakeep-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.tsx60
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>
- );
-}