| | |
| | | Stack, |
| | | Typography, |
| | | Avatar, |
| | | useTheme, |
| | | } from '@mui/material'; |
| | | import DialogCloseButton from "../components/DialogCloseButton"; |
| | | import { blueGrey } from '@mui/material/colors'; |
| | |
| | | } |
| | | |
| | | const MissionShowContent = ({ handleClose }) => { |
| | | const theme = useTheme(); |
| | | const record = useRecordContext(); |
| | | const translate = useTranslate(); |
| | | if (!record) return null; |
| | |
| | | > |
| | | Run Path |
| | | </Typography> |
| | | <Typography variant="body2"> |
| | | [ {record.codeList.join(' , ')} ] |
| | | <Typography variant="body2" sx={{ whiteSpace: 'normal', overflow: 'hidden', display: 'flex', flexWrap: 'wrap' }}> |
| | | [ {record.codeList.map((code, index) => ( |
| | | <span key={index} style={{ |
| | | color: record.currCode === code ? theme.palette.primary.main : 'inherit', |
| | | }}> |
| | | {code}{index < record.codeList.length - 1 && ','} |
| | | </span> |
| | | ))} ] |
| | | </Typography> |
| | | </Box> |
| | | )} |