| | |
| | | Form, |
| | | ReferenceField, |
| | | useNotify, |
| | | useResourceContext, |
| | | useTheme, |
| | | useTranslate, |
| | | } from 'react-admin'; |
| | | import { |
| | |
| | | Typography, |
| | | Avatar, |
| | | } from '@mui/material'; |
| | | import { format } from 'date-fns'; |
| | | import { format, formatRelative } from 'date-fns'; |
| | | import { blueGrey } from '@mui/material/colors'; |
| | | |
| | | export const Action = ({ data }) => { |
| | | const notify = useNotify(); |
| | | const translate = useTranslate(); |
| | | |
| | | const theme = useTheme(); |
| | | const [isHover, setHover] = useState(false); |
| | | |
| | | return ( |
| | |
| | | <Stack direction="row" spacing={1} alignItems="center" width="100%"> |
| | | <Avatar |
| | | sx={{ |
| | | width: 30, |
| | | height: 30, |
| | | bgcolor: blueGrey[500], |
| | | width: 20, |
| | | height: 20, |
| | | fontSize: '.9rem' |
| | | }} |
| | | > |
| | | {data.priority} |
| | | </Avatar> |
| | | <Typography color="text.secondary" variant="body2"> |
| | | {data.name} |
| | | {data.actionType$} |
| | | </Typography> |
| | | <Box flex={1}></Box> |
| | | <Typography |
| | |
| | | variant="body2" |
| | | component="span" |
| | | > |
| | | {/* {formatRelative(new Date(data.ioTime), new Date())} */} |
| | | {format(data.ioTime, 'yyyy-MM-dd HH:mm:ss') || '-'} |
| | | </Typography> |
| | | </Stack> |
| | |
| | | }, |
| | | }} |
| | | > |
| | | {/* {note.text |
| | | ?.split('\n') |
| | | .map((paragraph: string, index: number) => ( |
| | | <Typography |
| | | component="p" |
| | | variant="body2" |
| | | lineHeight={1.5} |
| | | margin={0} |
| | | key={index} |
| | | > |
| | | {paragraph} |
| | | {/* // taskNo code val param action sts uuid |
| | | {paragraph} */} |
| | | </Typography> |
| | | ))} |
| | | |
| | | {note.attachments && <NoteAttachments note={note} />} */} |
| | | </Stack> |
| | | </Box> |
| | | ); |