import { Stack, Typography } from "@mui/material"; import { useShow } from "@refinedev/core"; import { Show, TextFieldComponent as TextField } from "@refinedev/mui"; import { TOKEN_KEY } from "@providers"; export const CityShow = () => { const { query } = useShow({}); const { data, isLoading } = query; const record = data?.data; const fields = [ // {label: 'ID', data: 'id'}, { label: "Название", data: "name" }, // {label: 'Код страны', data: 'country_code'}, { label: "Страна", data: "country" }, { label: "Герб", data: "arms", render: (value: number) => ( {String(value)} ), }, ]; return ( {fields.map(({ label, data, render }) => ( {label} {render ? ( render(record?.[data]) ) : ( )} ))} ); };