|  |  | 
 |  |  | import React, { useState, useRef, useEffect, useMemo } from "react"; | 
 |  |  | import { | 
 |  |  |     RecordContextProvider, | 
 |  |  |     ReferenceManyField, | 
 |  |  |     ShowBase, | 
 |  |  |     SortButton, | 
 |  |  |     TabbedShowLayout, | 
 |  |  |     useListContext, | 
 |  |  |     useRecordContext, | 
 |  |  |     useShowContext, | 
 |  |  | } from 'react-admin'; | 
 |  |  | import { Link as RouterLink, useLocation } from 'react-router-dom'; | 
 |  |  | import { | 
 |  |  |     Box, | 
 |  |  |     Button, | 
 |  |  |     Card, | 
 |  |  |     CardContent, | 
 |  |  |     List, | 
 |  |  |     ListItem, | 
 |  |  |     ListItemAvatar, | 
 |  |  |     ListItemSecondaryAction, | 
 |  |  |     ListItemText, | 
 |  |  |     Stack, | 
 |  |  |     Typography, | 
 |  |  |     Avatar, | 
 |  |  | 
 |  |  | import { formatDistance } from 'date-fns'; | 
 |  |  | import { AgvShowDetail } from "./show/AgvShowDetail"; | 
 |  |  | import { AgvShowAside } from "./show/AgvShowAside"; | 
 |  |  | import { AgvShowTask } from "./show/AgvShowTask"; | 
 |  |  | import CustomerTopToolBar from "../components/EditTopToolBar"; | 
 |  |  | import { useTheme } from '@mui/material/styles'; | 
 |  |  |  | 
 |  |  | 
 |  |  |                                 alignItems: 'center', | 
 |  |  |                             }}> | 
 |  |  |                                 <CustomerTopToolBar /> | 
 |  |  |                                 <Box mt={1}> | 
 |  |  |                                 <Box mt={1} mr={1}> | 
 |  |  |                                     <Stack direction='row'> | 
 |  |  |                                         <Typography | 
 |  |  |                                             variant="h5" | 
 |  |  | 
 |  |  |                                     '& .RaTabbedShowLayout-content': { p: 0 }, | 
 |  |  |                                 }} | 
 |  |  |                             > | 
 |  |  |                                 <TabbedShowLayout.Tab label="DETAIL"> | 
 |  |  |                                     <AgvShowDetail record={record} /> | 
 |  |  |                                 <TabbedShowLayout.Tab label="page.agv.show.tabs.detail"> | 
 |  |  |                                     <AgvShowDetail agvId={record.id} /> | 
 |  |  |                                 </TabbedShowLayout.Tab> | 
 |  |  |                                 <TabbedShowLayout.Tab label="page.agv.show.tabs.task"> | 
 |  |  |                                     <AgvShowTask agvId={record.id} /> | 
 |  |  |                                 </TabbedShowLayout.Tab> | 
 |  |  |                             </TabbedShowLayout> | 
 |  |  |                         </CardContent> |