From c9779254c3ccceaa55703a7c4c3bd782bfe2c70a Mon Sep 17 00:00:00 2001
From: Fred KISSIE <fredkiss3@gmail.com>
Date: Wed, 10 Dec 2025 03:44:46 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84add=20time=20range=20tooltip=20to?=
 =?UTF-8?q?=20explain=20it=20better?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/LogDataTable.tsx | 39 +++++++++++++++++++++++----------
 1 file changed, 28 insertions(+), 11 deletions(-)

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