| | |
| | | import { formatDistance } from 'date-fns'; |
| | | import request from '@/utils/request'; |
| | | import { useTheme } from '@mui/material/styles'; |
| | | import { getTaskStsColor } from '@/utils/common'; |
| | | import { getTaskStsColor } from '@/utils/color-util'; |
| | | import ListEmptyTip from "../../components/ListEmptyTip"; |
| | | |
| | | const TaskItem = ({ record, now }) => { |
| | | const translate = useTranslate(); |
| | | const theme = useTheme(); |
| | | console.log(record); |
| | | |
| | | return ( |
| | | <> |
| | |
| | | const [currCount, setCurrCount] = useState(pageSize); |
| | | const [records, setRecords] = useState(null); |
| | | const [total, setTotal] = useState(0); |
| | | const translate = useTranslate(); |
| | | |
| | | useEffect(() => { |
| | | const http = async () => { |
| | |
| | | <List> |
| | | {records.map(record => { |
| | | return ( |
| | | <> |
| | | <React.Fragment key={record.id}> |
| | | <TaskItem |
| | | key={record.id} |
| | | record={record} |
| | | now={now} |
| | | /> |
| | | <Divider /> |
| | | </> |
| | | |
| | | </React.Fragment> |
| | | ) |
| | | })} |
| | | |
| | | {currCount < total && ( |
| | | <Button |
| | | onClick={() => |
| | |
| | | fullWidth |
| | | sx={{ mt: 1 }} |
| | | > |
| | | Load more activity |
| | | {translate('common.action.loadMore')} |
| | | </Button> |
| | | )} |
| | | </List> |
| | | </Box> |
| | | ) : ( |
| | | <Typography> |
| | | no data found |
| | | </Typography> |
| | | <ListEmptyTip /> |
| | | )} |
| | | |
| | | </> |