| | |
| | | import * as React from 'react'; |
| | | import { Avatar } 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; |
| | | return ( |
| | | <Avatar |
| | | src={record.logo?.src} |
| | | alt={record.name} |
| | | src={record.img?.src} |
| | | alt={record.uuid} |
| | | sx={{ |
| | | '& img': { objectFit: 'contain' }, |
| | | width, |
| | | height, |
| | | fontSize: height !== 40 ? '0.6rem' : undefined, |
| | | bgcolor: theme.palette.primary.main, |
| | | }} |
| | | > |
| | | {record.name.charAt(0)} |
| | | {record.uuid} |
| | | </Avatar> |
| | | ); |
| | | }; |