From 67f519233df5d98232b0d21bcd210289dc340978 Mon Sep 17 00:00:00 2001
From: popovspiridon99 <popovspiridon0799@mail.ru>
Date: Fri, 31 Oct 2025 12:25:42 +0900
Subject: [PATCH] fuel test

---
 client/src/pages/Fuel.tsx | 64 ++++++++++++++++++++++-----------------
 1 file changed, 36 insertions(+), 28 deletions(-)

diff --git a/client/src/pages/Fuel.tsx b/client/src/pages/Fuel.tsx
index 36c389a..6f919e3 100644
--- a/client/src/pages/Fuel.tsx
+++ b/client/src/pages/Fuel.tsx
@@ -92,7 +92,7 @@ export default function FuelPage() {
 
     const [currentTab, setCurrentTab] = useState(tables[0])
 
-    const { isLoading } = useSWR(currentTab.get, () => fetcher(currentTab.get), { revalidateOnFocus: false })
+    const { data, isLoading } = useSWR(currentTab.get, () => fetcher(currentTab.get), { revalidateOnFocus: false })
 
     const { colorScheme } = useAppStore()
 
@@ -134,34 +134,42 @@ export default function FuelPage() {
                     </Dialog>
                 </div>
 
-                {tables.map((table, index) => {
-                    if (table.value === currentTab.value) {
-                        return (
-                            isLoading ?
-                                <div style={{ display: 'flex', width: '100%', justifyContent: 'center', padding: '1rem' }}>
-                                    <Spinner />
-                                </div>
-                                :
-                                <div style={{ width: '100%', height: '100%', padding: '1rem' }}>
-                                    <AgGridReact
-                                        key={index}
-                                        //rowData={data}
-                                        rowData={[
-                                            Object.keys(table.headers).reduce((obj, key) => ({ ...obj, [key]: 'test' }), {}),
-                                            Object.keys(table.headers).reduce((obj, key) => ({ ...obj, [key]: 'test' }), {})
-                                        ]}
-                                        columnDefs={Object.keys(table.headers).map((header) => ({
-                                            field: header
-                                        })) as ColDef[]}
-                                        defaultColDef={{
-                                            flex: 1,
-                                        }}
-                                    />
-                                </div>
-                        )
+                <div style={{
+                    width: '100%',
+                    height: '100%',
+                    overflow: 'auto'
+                }}>
+                    {tables.map((table, index) => {
+                        if (table.value === currentTab.value) {
+                            return (
+                                isLoading ?
+                                    <div style={{ display: 'flex', width: '100%', justifyContent: 'center', padding: '1rem' }}>
+                                        <Spinner />
+                                    </div>
+                                    :
+                                    <div style={{ overflow: 'auto', width: '100%', height: '100%', padding: '1rem' }}>
+                                        <AgGridReact
+                                            key={index}
+                                            //rowData={data}
+                                            // rowData={[
+                                            //     Object.keys(table.headers).reduce((obj, key) => ({ ...obj, [key]: 'test' }), {}),
+                                            //     Object.keys(table.headers).reduce((obj, key) => ({ ...obj, [key]: 'test' }), {})
+                                            // ]}
+                                            rowData={data}
+                                            columnDefs={Object.keys(table.headers).map((header) => ({
+                                                field: header
+                                            })) as ColDef[]}
+                                            defaultColDef={{
+                                                flex: 1,
+                                            }}
+                                        />
+                                    </div>
+                            )
+                        }
                     }
-                }
-                )}
+                    )}
+                </div>
+
             </div>
         </>
     )