aboutsummaryrefslogtreecommitdiffstats
path: root/packages/web/components/dashboard/bookmarks/BookmarkedTextViewer.tsx
diff options
context:
space:
mode:
authorMohamedBassem <me@mbassem.com>2024-03-10 17:59:58 +0000
committerMohamedBassem <me@mbassem.com>2024-03-10 17:59:58 +0000
commitd6dd76021226802adf5295b3243d6f2ae4fa5cc2 (patch)
tree7a25423d46db9e0e224b5f58b73cec5768953b44 /packages/web/components/dashboard/bookmarks/BookmarkedTextViewer.tsx
parent8ab868d3f94cc6609d278dc952432f1a244c3f84 (diff)
downloadkarakeep-d6dd76021226802adf5295b3243d6f2ae4fa5cc2.tar.zst
refactor: Move all components to the top level directory
Diffstat (limited to 'packages/web/components/dashboard/bookmarks/BookmarkedTextViewer.tsx')
-rw-r--r--packages/web/components/dashboard/bookmarks/BookmarkedTextViewer.tsx20
1 files changed, 20 insertions, 0 deletions
diff --git a/packages/web/components/dashboard/bookmarks/BookmarkedTextViewer.tsx b/packages/web/components/dashboard/bookmarks/BookmarkedTextViewer.tsx
new file mode 100644
index 00000000..8a620341
--- /dev/null
+++ b/packages/web/components/dashboard/bookmarks/BookmarkedTextViewer.tsx
@@ -0,0 +1,20 @@
+import { Dialog, DialogContent } from "@/components/ui/dialog";
+import Markdown from "react-markdown";
+
+export function BookmarkedTextViewer({
+ content,
+ open,
+ setOpen,
+}: {
+ content: string;
+ open: boolean;
+ setOpen: (open: boolean) => void;
+}) {
+ return (
+ <Dialog open={open} onOpenChange={setOpen}>
+ <DialogContent className="max-h-[75%] overflow-auto">
+ <Markdown className="prose">{content}</Markdown>
+ </DialogContent>
+ </Dialog>
+ );
+}