add show page for other routes

This commit is contained in:
maxim
2025-02-13 17:37:25 +03:00
parent b9556d212a
commit 92ad041aa2
10 changed files with 113 additions and 7 deletions

31
src/pages/city/show.tsx Normal file
View File

@ -0,0 +1,31 @@
import {Stack, Typography} from '@mui/material'
import {useShow} from '@refinedev/core'
import {Show, TextFieldComponent as TextField} from '@refinedev/mui'
export const CityShow = () => {
const {query} = useShow({})
const {data, isLoading} = query
const record = data?.data
const fields = [
{label: 'ID', data: 'id'},
{label: 'City Name', data: 'name'},
{label: 'Country Code', data: 'country_code'},
]
return (
<Show isLoading={isLoading}>
<Stack gap={4}>
{fields.map(({label, data}) => (
<Stack key={data} gap={1}>
<Typography variant="body1" fontWeight="bold">
{label}
</Typography>
<TextField value={record?.[data]} />
</Stack>
))}
</Stack>
</Show>
)
}