apunkt/SurfSense
1
0
Fork 0
mirror of https://github.com/MODSetter/SurfSense.git synced 2026-04-26 01:06:23 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: enhance report panel and generation UI

Browse source
This commit is contained in:
Anish Sarkar 2026-02-11 21:39:22 +05:30
parent be1b6f370f
commit 59628fdf76
2 changed files with 7 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

8
surfsense_web/components/report-panel/report-panel.tsx
View file

@ -100,10 +100,13 @@ function ReportPanelContent({
reportId,
title,
onClose,
insideDrawer = false,
}: {
reportId: number;
title: string;
onClose?: () => void;
/** When true, adjusts dropdown behavior to work inside a Vaul drawer on mobile */
insideDrawer?: boolean;
}) {
const [reportContent, setReportContent] =
useState<ReportContentResponse | null>(null);
@ -260,7 +263,7 @@ function ReportPanelContent({
)}
{copied ? "Copied" : "Copy"}
</Button>
<DropdownMenu>
<DropdownMenu modal={insideDrawer ? false : undefined}>
<DropdownMenuTrigger asChild>
<Button
variant="outline"
@ -271,7 +274,7 @@ function ReportPanelContent({
<span className="sr-only">Download options</span>
</Button>
</DropdownMenuTrigger>
<DropdownMenuContent align="start" className="min-w-[180px]">
<DropdownMenuContent align="start" className={`min-w-[180px]${insideDrawer ? " z-[100]" : ""}`}>
<DropdownMenuItem onClick={() => handleExport("md")}>
<DownloadIcon className="size-4" />
Download Markdown
@ -391,6 +394,7 @@ function MobileReportDrawer() {
<ReportPanelContent
reportId={panelState.reportId}
title={panelState.title || "Report"}
insideDrawer
/>
</div>
</DrawerContent>