| | |
| | | import * as React from 'react'; |
| | | import { Avatar, Typography } from '@mui/material'; |
| | | import { Avatar, Typography, useTheme } from '@mui/material'; |
| | | import { useRecordContext } from 'react-admin'; |
| | | import { blueGrey } from '@mui/material/colors'; |
| | | |
| | | export const AgvAvatar = (props) => { |
| | | const theme = useTheme(); |
| | | const { width = 40, height = 40 } = props; |
| | | const record = useRecordContext(props); |
| | | if (!record) return null; |
| | |
| | | width, |
| | | height, |
| | | fontSize: height !== 40 ? '0.6rem' : undefined, |
| | | bgcolor: blueGrey[500] |
| | | bgcolor: theme.palette.primary.main, |
| | | }} |
| | | > |
| | | {record.uuid} |