1 files changed, 20 insertions, 0 deletions
diff --git a/apps/web/components/utils/BookmarkAlreadyExistsToast.tsx b/apps/web/components/utils/BookmarkAlreadyExistsToast.tsx
new file mode 100644
index 00000000..66bdb17a
--- /dev/null
+++ b/apps/web/components/utils/BookmarkAlreadyExistsToast.tsx
@@ -0,0 +1,20 @@
+import Link from "next/link";
+import { ExternalLink } from "lucide-react";
+
+export default function BookmarkAlreadyExistsToast({
+  bookmarkId,
+}: {
+  bookmarkId: string;
+}) {
+  return (
+    <div className="flex items-center gap-1">
+      Bookmark already exists.
+      <Link
+        className="flex underline-offset-4 hover:underline"
+        href={`/dashboard/preview/${bookmarkId}`}
+      >
+        Open <ExternalLink className="ml-1 size-4" />
+      </Link>
+    </div>
+  );
+}