init /station route

2025-02-04 15:34:12 +03:00
parent 7a6764cf32
commit 88428b07f9
6 changed files with 258 additions and 3 deletions
--- a/src/pages/station/list.tsx
+++ b/src/pages/station/list.tsx
@ -0,0 +1,83 @@
+import {DataGrid, type GridColDef} from '@mui/x-data-grid'
+import {DeleteButton, EditButton, List, useDataGrid} from '@refinedev/mui'
+import React from 'react'
+
+export const StationList = () => {
+  const {dataGridProps} = useDataGrid({
+    resource: 'station/',
+  })
+
+  const columns = React.useMemo<GridColDef[]>(
+    () => [
+      {
+        field: 'id',
+        headerName: 'ID',
+        type: 'number',
+        minWidth: 70,
+        display: 'flex',
+        align: 'left',
+        headerAlign: 'left',
+      },
+      {
+        field: 'name',
+        headerName: 'Name',
+        type: 'string',
+        minWidth: 300,
+        display: 'flex',
+        align: 'left',
+        headerAlign: 'left',
+      },
+      {
+        field: 'latitude',
+        headerName: 'Latitude',
+        type: 'number',
+        minWidth: 150,
+        display: 'flex',
+        align: 'left',
+        headerAlign: 'left',
+      },
+      {
+        field: 'longitude',
+        headerName: 'Longitude',
+        type: 'number',
+        minWidth: 150,
+        display: 'flex',
+        align: 'left',
+        headerAlign: 'left',
+      },
+      {
+        field: 'description',
+        headerName: 'Description',
+        type: 'string',
+        display: 'flex',
+        align: 'left',
+        headerAlign: 'left',
+        flex: 1,
+      },
+      {
+        field: 'actions',
+        headerName: 'Actions',
+        align: 'right',
+        headerAlign: 'center',
+        minWidth: 100,
+        sortable: false,
+        display: 'flex',
+        renderCell: function render({row}) {
+          return (
+            <>
+              <EditButton hideText recordItemId={row.id} />
+              <DeleteButton hideText recordItemId={row.id} />
+            </>
+          )
+        },
+      },
+    ],
+    [],
+  )
+
+  return (
+    <List>
+      <DataGrid {...dataGridProps} columns={columns} getRowId={(row: any) => row.id} />
+    </List>
+  )
+}