14 lines
439 B
TypeScript
14 lines
439 B
TypeScript
import { get } from "lodash";
|
|
|
|
import { Avatar } from "@mui/material";
|
|
import { useRecordContext } from "react-admin";
|
|
|
|
const AvatarField = ({ source, ...rest }) => {
|
|
const record = useRecordContext(rest);
|
|
const src = get(record, source)?.toString();
|
|
const { alt, classes, sizes, sx, variant } = rest;
|
|
return <Avatar alt={alt} classes={classes} sizes={sizes} src={src} sx={sx} variant={variant} />;
|
|
};
|
|
|
|
export default AvatarField;
|