fetch data on chart zoom event

Author: raheeliftikhar5

client/packages/lowcoder/src/pages/setting/audit/charts/eventTypesTime.tsx

@@ -62,9 +62,16 @@ const EventTypeTimeChart = ({ data, eventTypeLabels, eventTypes, setDateRange }:
   }));
 
   const handleChartEvents = (params: any) => {
-    if (params.start !== undefined && params.end !== undefined) {
-      const startIndex = Math.floor((params.start / 100) * (fullDateRange.length - 1));
-      const endIndex = Math.floor((params.end / 100) * (fullDateRange.length - 1));
+    // const {start, end} = params.batch?.[0];
+    let {start, end} = params;
+    if (params?.batch) {
+      start = params.batch?.[0]?.start;
+      end = params.batch?.[0]?.end;
+    }
+    if (start !== undefined && end !== undefined) {
+      // debugger;
+      const startIndex = Math.floor((start / 100) * (fullDateRange.length - 1));
+      const endIndex = Math.floor((end / 100) * (fullDateRange.length - 1));
 
       const fromDate = new Date(fullDateRange[startIndex] || fullDateRange[0]); // Keep start of day
       const toDate = new Date(fullDateRange[endIndex] || fullDateRange[fullDateRange.length - 1]);

client/packages/lowcoder/src/pages/setting/audit/dashboard.tsx

@@ -221,10 +221,10 @@ export function AuditLogDashboard() {
     const endDate = dayjs(toTimestamp);
     form.setFieldsValue({ dateRange: [startDate, endDate] });
 
-    setPagination({ pageSize: 25, current: 1 });
+    // setPagination({ pageSize: 25, current: 1 });
     setAllLogs([]);
     setCurrentPageLogs([]);
-    fetchLogs(1, LOG_PAGE_SIZE, true);
+    fetchLogs(1, total, true);
   };
 
   // Debounce handler for input fields
@@ -477,6 +477,7 @@ export function AuditLogDashboard() {
                 <Divider />
                 <div style={{ overflowX: "auto", width: "100%" }}>
                 <Table
+                  rowKey="id"
                   columns={columns}
                   dataSource={currentPageLogs}
                   size="small" // Compact Layout