aboutsummaryrefslogtreecommitdiffstats
path: root/packages/browser-extension/src/BookmarkSavedPage.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/BookmarkSavedPage.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/BookmarkSavedPage.tsx')
-rw-r--r--packages/browser-extension/src/BookmarkSavedPage.tsx62
1 files changed, 0 insertions, 62 deletions
diff --git a/packages/browser-extension/src/BookmarkSavedPage.tsx b/packages/browser-extension/src/BookmarkSavedPage.tsx
deleted file mode 100644
index f25a83ba..00000000
--- a/packages/browser-extension/src/BookmarkSavedPage.tsx
+++ /dev/null
@@ -1,62 +0,0 @@
-import { Link, useNavigate, useParams } from "react-router-dom";
-import { api } from "./utils/trpc";
-import usePluginSettings from "./utils/settings";
-import { ArrowUpRightFromSquare, Trash } from "lucide-react";
-import Spinner from "./Spinner";
-import { useState } from "react";
-
-export default function BookmarkSavedPage() {
- const { bookmarkId } = useParams();
- const navigate = useNavigate();
- const [error, setError] = useState("");
-
- const { mutate: deleteBookmark, isPending } =
- api.bookmarks.deleteBookmark.useMutation({
- onSuccess: () => {
- navigate("/bookmarkdeleted");
- },
- onError: (e) => {
- setError(e.message);
- },
- });
-
- const { settings } = usePluginSettings();
-
- if (!bookmarkId) {
- return <div>NOT FOUND</div>;
- }
-
- return (
- <div className="flex flex-col gap-2">
- {error && <p className="text-red-500">{error}</p>}
- <div className="flex items-center justify-between gap-2">
- <p className="text-lg">Bookmarked!</p>
- <div className="flex gap-2">
- <Link
- className="flex gap-2 rounded-md p-3 text-black hover:text-black"
- target="_blank"
- to={`${settings.address}/dashboard/preview/${bookmarkId}`}
- >
- <ArrowUpRightFromSquare className="my-auto" size="20" />
- <p className="my-auto">Open</p>
- </Link>
- <button
- onClick={() => deleteBookmark({ bookmarkId: bookmarkId })}
- className="flex gap-2 bg-transparent text-red-500 hover:text-red-500"
- >
- {!isPending ? (
- <>
- <Trash className="my-auto" size="20" />
- <p className="my-auto">Delete</p>
- </>
- ) : (
- <span className="m-auto">
- <Spinner />
- </span>
- )}
- </button>
- </div>
- </div>
- </div>
- );
-}