| | |
| | | ListItemText, |
| | | Stack, |
| | | Typography, |
| | | Avatar, |
| | | } from '@mui/material'; |
| | | import { formatDistance } from 'date-fns'; |
| | | import { AgvShowDetail } from "./show/AgvShowDetail"; |
| | | import { AgvShowAside } from "./show/AgvShowAside"; |
| | | |
| | | import CustomerTopToolBar from "../components/EditTopToolBar"; |
| | | import { useTheme } from '@mui/material/styles'; |
| | | |
| | | export const AgvShow = () => { |
| | | |
| | |
| | | |
| | | const AgvShowContent = (props) => { |
| | | const { record, isPending } = useShowContext(); |
| | | const theme = useTheme(); |
| | | if (isPending || !record) return null; |
| | | |
| | | return ( |
| | |
| | | <Box mt={2} display="flex"> |
| | | <Box flex="1"> |
| | | <Card> |
| | | <CardContent> |
| | | <Box display="flex" mb={1}> |
| | | <Typography variant="h5" ml={2} flex="1"> |
| | | {record.uuid} |
| | | </Typography> |
| | | <CardContent sx={{ pt: 0 }}> |
| | | <Box display="flex" mb={1} sx={{ |
| | | justifyContent: 'space-between', |
| | | alignItems: 'center', |
| | | }}> |
| | | <CustomerTopToolBar /> |
| | | <Box mt={1}> |
| | | <Avatar sx={{ bgcolor: theme.palette.primary.main }}>{record.uuid}</Avatar> |
| | | </Box> |
| | | </Box> |
| | | |
| | | <TabbedShowLayout |