KRBL/WhiteNightsAdminPanel
10
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init CustomDataGrid based on DataGrid mui

Browse Source
This commit is contained in:
maxim 2025-03-16 16:50:42 +03:00
parent 496be64dd7
commit efd6035e31
10 changed files with 43 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/CustomDataGrid.tsx Normal file
View File

@ -0,0 +1,14 @@
import {DataGrid, type DataGridProps} from '@mui/x-data-grid'
import {Stack, Box} from '@mui/material'
export const CustomDataGrid = (props: DataGridProps) => {
return (
<Stack spacing={2}>
<DataGrid {...props} />
<Box>
{/* Ваши дополнительные элементы */}
Дополнительный контент
</Box>
</Stack>
)
}

5
src/pages/article/list.tsx
View File

@ -1,4 +1,5 @@
import {DataGrid, type GridColDef} from '@mui/x-data-grid'
import {type GridColDef} from '@mui/x-data-grid'
import {CustomDataGrid} from '../../components/CustomDataGrid'
import {DeleteButton, EditButton, List, ShowButton, useDataGrid} from '@refinedev/mui'
import React from 'react'
@ -62,7 +63,7 @@ export const ArticleList = () => {
return (
<List>
<DataGrid {...dataGridProps} columns={columns} localeText={localeText} getRowId={(row: any) => row.id} />
<CustomDataGrid {...dataGridProps} columns={columns} localeText={localeText} getRowId={(row: any) => row.id} />
</List>
)
}

5
src/pages/carrier/list.tsx
View File

@ -1,4 +1,5 @@
import {DataGrid, type GridColDef} from '@mui/x-data-grid'
import {type GridColDef} from '@mui/x-data-grid'
import {CustomDataGrid} from '../../components/CustomDataGrid'
import {DeleteButton, EditButton, List, ShowButton, useDataGrid} from '@refinedev/mui'
import React from 'react'
@ -62,7 +63,7 @@ export const CarrierList = () => {
return (
<List>
<DataGrid {...dataGridProps} columns={columns} localeText={localeText} />
<CustomDataGrid {...dataGridProps} columns={columns} localeText={localeText} />
</List>
)
}

5
src/pages/city/list.tsx
View File

@ -1,4 +1,5 @@
import {DataGrid, type GridColDef} from '@mui/x-data-grid'
import {type GridColDef} from '@mui/x-data-grid'
import {CustomDataGrid} from '../../components/CustomDataGrid'
import {DeleteButton, EditButton, List, ShowButton, useDataGrid} from '@refinedev/mui'
import React from 'react'
@ -56,7 +57,7 @@ export const CityList = () => {
return (
<List>
<DataGrid {...dataGridProps} columns={columns} localeText={localeText} />
<CustomDataGrid {...dataGridProps} columns={columns} localeText={localeText} />
</List>
)
}

5
src/pages/country/list.tsx
View File

@ -1,4 +1,5 @@
import {DataGrid, type GridColDef} from '@mui/x-data-grid'
import {type GridColDef} from '@mui/x-data-grid'
import {CustomDataGrid} from '../../components/CustomDataGrid'
import {DeleteButton, EditButton, List, ShowButton, useDataGrid} from '@refinedev/mui'
import React from 'react'
@ -49,7 +50,7 @@ export const CountryList = () => {
return (
<List>
<DataGrid {...dataGridProps} columns={columns} localeText={localeText} getRowId={(row: any) => row.code} />
<CustomDataGrid {...dataGridProps} columns={columns} localeText={localeText} getRowId={(row: any) => row.code} />
</List>
)
}

5
src/pages/media/list.tsx
View File

@ -1,4 +1,5 @@
import {DataGrid, type GridColDef} from '@mui/x-data-grid'
import {type GridColDef} from '@mui/x-data-grid'
import {CustomDataGrid} from '../../components/CustomDataGrid'
import {DeleteButton, EditButton, List, ShowButton, useDataGrid} from '@refinedev/mui'
import React from 'react'
@ -60,7 +61,7 @@ export const MediaList = () => {
return (
<List>
<DataGrid {...dataGridProps} columns={columns} localeText={localeText} getRowId={(row: any) => row.id} />
<CustomDataGrid {...dataGridProps} columns={columns} localeText={localeText} getRowId={(row: any) => row.id} />
</List>
)
}

5
src/pages/route/list.tsx
View File

@ -1,4 +1,5 @@
import {DataGrid, type GridColDef} from '@mui/x-data-grid'
import {type GridColDef} from '@mui/x-data-grid'
import {CustomDataGrid} from '../../components/CustomDataGrid'
import {DeleteButton, EditButton, List, ShowButton, useDataGrid} from '@refinedev/mui'
import {Typography} from '@mui/material'
import React from 'react'
@ -73,7 +74,7 @@ export const RouteList = () => {
return (
<List>
<DataGrid {...dataGridProps} columns={columns} localeText={localeText} getRowId={(row: any) => row.id} />
<CustomDataGrid {...dataGridProps} columns={columns} localeText={localeText} getRowId={(row: any) => row.id} />
</List>
)
}

6
src/pages/sight/list.tsx
View File

@ -1,5 +1,7 @@
import React, {useState, useEffect} from 'react'
import {DataGrid, type GridColDef, type GridColumnVisibilityModel} from '@mui/x-data-grid'
import {type GridColDef, type GridColumnVisibilityModel} from '@mui/x-data-grid'
import {CustomDataGrid} from '../../components/CustomDataGrid'
import {DeleteButton, EditButton, List, ShowButton, useDataGrid} from '@refinedev/mui'
import {Box, Button, Stack} from '@mui/material'
@ -102,7 +104,7 @@ export const SightList = () => {
return (
<List>
<Stack gap={2.5}>
<DataGrid {...dataGridProps} columns={columns} localeText={localeText} getRowId={(row: any) => row.id} columnVisibilityModel={columnVisibilityModel} onColumnVisibilityModelChange={(model) => setColumnVisibilityModel(model)} />
<CustomDataGrid {...dataGridProps} columns={columns} localeText={localeText} getRowId={(row: any) => row.id} columnVisibilityModel={columnVisibilityModel} onColumnVisibilityModelChange={(model) => setColumnVisibilityModel(model)} />
<Box sx={{mb: 2}}>
<Button variant="contained" onClick={toggleCoordinates}>

6
src/pages/station/list.tsx
View File

@ -1,5 +1,7 @@
import React, {useState, useEffect} from 'react'
import {DataGrid, type GridColDef, type GridColumnVisibilityModel} from '@mui/x-data-grid'
import {type GridColDef, type GridColumnVisibilityModel} from '@mui/x-data-grid'
import {CustomDataGrid} from '../../components/CustomDataGrid'
import {DeleteButton, EditButton, List, ShowButton, useDataGrid} from '@refinedev/mui'
import {Box, Button, Stack} from '@mui/material'
@ -100,7 +102,7 @@ export const StationList = () => {
return (
<List>
<Stack gap={2.5}>
<DataGrid {...dataGridProps} columns={columns} localeText={localeText} getRowId={(row: any) => row.id} columnVisibilityModel={columnVisibilityModel} onColumnVisibilityModelChange={(model) => setColumnVisibilityModel(model)} />
<CustomDataGrid {...dataGridProps} columns={columns} localeText={localeText} getRowId={(row: any) => row.id} columnVisibilityModel={columnVisibilityModel} onColumnVisibilityModelChange={(model) => setColumnVisibilityModel(model)} />
<Box sx={{mb: 2}}>
<Button variant="contained" onClick={toggleCoordinates}>

5
src/pages/vehicle/list.tsx
View File

@ -1,4 +1,5 @@
import {DataGrid, type GridColDef} from '@mui/x-data-grid'
import {type GridColDef} from '@mui/x-data-grid'
import {CustomDataGrid} from '../../components/CustomDataGrid'
import {DeleteButton, EditButton, List, ShowButton, useDataGrid} from '@refinedev/mui'
import React from 'react'
@ -70,7 +71,7 @@ export const VehicleList = () => {
return (
<List>
<DataGrid {...dataGridProps} columns={columns} localeText={localeText} getRowId={(row: any) => row.id} />
<CustomDataGrid {...dataGridProps} columns={columns} localeText={localeText} getRowId={(row: any) => row.id} />
</List>
)
}