| | |
| | | const record = useRecordContext(); |
| | | if (!record) return null; |
| | | |
| | | |
| | | return ( |
| | | <Box width={400} display={{ xs: 'none', lg: 'block' }}> |
| | | {record && ( |
| | |
| | | <Card> |
| | | <CardContent> |
| | | <Stack direction="row" spacing={1}> |
| | | <EditButton label="Edit Company" /> |
| | | <EditButton /> |
| | | </Stack> |
| | | <Stack direction="row" mt={1}> |
| | | <DeleteButton mutationMode="optimistic" /> |
| | |
| | | <Typography variant="subtitle2" gutterBottom> |
| | | {translate('common.edit.side.title')} |
| | | </Typography> |
| | | <Divider sx={{ mb: 1 }} /> |
| | | <Divider sx={{ mb: 2 }} /> |
| | | <Grid container rowSpacing={2} columnSpacing={1}> |
| | | <Grid item xs={12} display="flex" gap={1}> |
| | | <StatusField label="Status" /> |