| | |
| | | } from 'react-admin'; |
| | | import PulseSignal from '../components/PulseSignal'; |
| | | import { AgvAvatar } from './AgvAvatar'; |
| | | import BatteryCharging90Icon from '@mui/icons-material/BatteryCharging90'; |
| | | import { red } from '@mui/material/colors'; |
| | | |
| | | export const AgvCard = (props) => { |
| | | const resource = useResourceContext(); |
| | |
| | | flag={true} |
| | | /> |
| | | <Typography variant="caption"> |
| | | vol: {record.vol} |
| | | vol: |
| | | <Box |
| | | component={"span"} |
| | | sx={{ |
| | | color: record.vol < record.chargeLine ? red[400] : 'inherit' |
| | | }}> |
| | | {record.vol} |
| | | </Box> |
| | | </Typography> |
| | | </Box> |
| | | <Box display="flex" flexDirection="column" alignItems="center"> |