apps/web/components/dashboard/bookmarks/BookmarkedTextViewer.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

import { Dialog, DialogContent } from "@/components/ui/dialog";
import Markdown from "react-markdown";
import remarkGfm from "remark-gfm";

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 remarkPlugins={[remarkGfm]} className="prose">
          {content}
        </Markdown>
      </DialogContent>
    </Dialog>
  );
}