pangolin_mirror/pangolin
1
0
Fork 0
mirror of https://github.com/fosrl/pangolin.git synced 2026-03-02 00:36:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

💄add time range tooltip to explain it better

Browse Source
This commit is contained in:
Fred KISSIE
2025-12-10 03:44:46 +01:00
parent 5b620469c7
commit c9779254c3
1 changed files with 28 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
src/components/LogDataTable.tsx
View File

@@ -32,6 +32,12 @@ import {
} from "lucide-react"; } from "lucide-react";
import { useTranslations } from "next-intl"; import { useTranslations } from "next-intl";
import { useEffect, useMemo, useState } from "react"; import { useEffect, useMemo, useState } from "react";
import {
Tooltip,
TooltipContent,
TooltipProvider,
TooltipTrigger
} from "./ui/tooltip";
type TabFilter = { type TabFilter = {
id: string; id: string;
@@ -351,17 +357,28 @@ export function LogDataTable<TData, TValue>({
</Button> </Button>
)} )}
{onExport && ( {onExport && (
<Button <TooltipProvider>
onClick={() => !disabled && onExport()} <Tooltip>
disabled={isExporting || disabled} <TooltipTrigger asChild>
> <Button
{isExporting ? ( onClick={() =>
<Loader className="mr-2 size-4 animate-spin" /> !disabled && onExport()
) : ( }
<Download className="mr-2 size-4" /> disabled={isExporting || disabled}
)} >
{t("exportCsv")} {isExporting ? (
</Button> <Loader className="mr-2 size-4 animate-spin" />
) : (
<Download className="mr-2 size-4" />
)}
{t("exportCsv")}
</Button>
</TooltipTrigger>
<TooltipContent>
{t("exportCsvTooltip")}
</TooltipContent>
</Tooltip>
</TooltipProvider>
)} )}
</div> </div>
</CardHeader> </CardHeader>