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/BookmarkSavedPage.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/BookmarkSavedPage.tsx')
| -rw-r--r-- | packages/browser-extension/src/BookmarkSavedPage.tsx | 62 |
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> - ); -} |
