@@ -11,6 +11,7 @@ import { DialogClose } from "@radix-ui/react-dialog";
1111import { useFetcher } from "@remix-run/react" ;
1212import { IconChartHistogram } from "@tabler/icons-react" ;
1313import { formatDurationNanoseconds } from "@trigger.dev/core/v3" ;
14+ import { Clipboard } from "lucide-react" ;
1415import {
1516 forwardRef ,
1617 useCallback ,
@@ -698,7 +699,7 @@ export function QueryEditor({
698699 ) }
699700 { resultsView === "table" && (
700701 < Switch
701- variant = "secondary /small"
702+ variant = "tertiary /small"
702703 label = "Pretty formatting"
703704 checked = { prettyFormatting }
704705 onCheckedChange = { setPrettyFormatting }
@@ -1068,14 +1069,24 @@ function ExportResultsButton({
10681069
10691070 return (
10701071 < Popover open = { isOpen } onOpenChange = { setIsOpen } >
1071- < PopoverArrowTrigger variant = "tertiary " isOpen = { isOpen } >
1072+ < PopoverArrowTrigger variant = "minimal " isOpen = { isOpen } >
10721073 Export
10731074 </ PopoverArrowTrigger >
10741075 < PopoverContent className = "min-w-[10rem] p-1" align = "end" >
10751076 < div className = "flex flex-col gap-1" >
1076- < PopoverMenuItem icon = { ClipboardIcon } title = "Copy CSV" onClick = { handleCopyCSV } />
1077+ < PopoverMenuItem
1078+ icon = { Clipboard }
1079+ title = "Copy CSV"
1080+ onClick = { handleCopyCSV }
1081+ className = "pl-1"
1082+ />
10771083 < PopoverMenuItem icon = { ArrowDownTrayIcon } title = "Export CSV" onClick = { handleExportCSV } />
1078- < PopoverMenuItem icon = { ClipboardIcon } title = "Copy JSON" onClick = { handleCopyJSON } />
1084+ < PopoverMenuItem
1085+ icon = { Clipboard }
1086+ title = "Copy JSON"
1087+ onClick = { handleCopyJSON }
1088+ className = "pl-1"
1089+ />
10791090 < PopoverMenuItem
10801091 icon = { ArrowDownTrayIcon }
10811092 title = "Export JSON"
0 commit comments