mirror of
https://github.com/MODSetter/SurfSense.git
synced 2026-05-03 21:02:40 +02:00
7aeb8bb0a8
- Added `enableCitations` prop to `MarkdownViewer` to support interactive citation badges. - Updated instances of `MarkdownViewer` across various components to utilize the new citation feature. - Enhanced citation processing in `PlateEditor` for read-only views, ensuring citations are rendered correctly without affecting markdown serialization. - Refactored citation handling in `InlineCitation` and `MarkdownText` to improve citation context management.
40 lines
1,006 B
TypeScript
40 lines
1,006 B
TypeScript
import { FileText } from "lucide-react";
|
|
import type React from "react";
|
|
import { MarkdownViewer } from "@/components/markdown-viewer";
|
|
import { Button } from "@/components/ui/button";
|
|
import {
|
|
Dialog,
|
|
DialogContent,
|
|
DialogHeader,
|
|
DialogTitle,
|
|
DialogTrigger,
|
|
} from "@/components/ui/dialog";
|
|
|
|
interface DocumentViewerProps {
|
|
title: string;
|
|
content: string;
|
|
trigger?: React.ReactNode;
|
|
}
|
|
|
|
export function DocumentViewer({ title, content, trigger }: DocumentViewerProps) {
|
|
return (
|
|
<Dialog>
|
|
<DialogTrigger asChild>
|
|
{trigger || (
|
|
<Button variant="ghost" size="sm" className="flex items-center gap-1">
|
|
<FileText size={16} />
|
|
<span>View Content</span>
|
|
</Button>
|
|
)}
|
|
</DialogTrigger>
|
|
<DialogContent className="max-w-4xl max-h-[80vh] overflow-y-auto">
|
|
<DialogHeader>
|
|
<DialogTitle>{title}</DialogTitle>
|
|
</DialogHeader>
|
|
<div className="mt-4">
|
|
<MarkdownViewer content={content} enableCitations />
|
|
</div>
|
|
</DialogContent>
|
|
</Dialog>
|
|
);
|
|
}
|