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

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>
  );
}