|  |  | 
 |  |  | import request from '@/utils/request'; | 
 |  |  | import { useTheme } from '@mui/material/styles'; | 
 |  |  | import { getTaskStsColor } from '@/utils/common'; | 
 |  |  | 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 () => { | 
 |  |  | 
 |  |  |  | 
 |  |  |                             ) | 
 |  |  |                         })} | 
 |  |  |  | 
 |  |  |                         {currCount < total && ( | 
 |  |  |                             <Button | 
 |  |  |                                 onClick={() => | 
 |  |  | 
 |  |  |                                 fullWidth | 
 |  |  |                                 sx={{ mt: 1 }} | 
 |  |  |                             > | 
 |  |  |                                 Load more activity | 
 |  |  |                                 {translate('common.action.loadMore')} | 
 |  |  |                             </Button> | 
 |  |  |                         )} | 
 |  |  |                     </List> | 
 |  |  |                 </Box> | 
 |  |  |             ) : ( | 
 |  |  |                 <Typography> | 
 |  |  |                     no data found | 
 |  |  |                 </Typography> | 
 |  |  |                 <ListEmptyTip /> | 
 |  |  |             )} | 
 |  |  |  | 
 |  |  |         </> |