|  |  |  | 
|---|
|  |  |  | 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 }) => { | 
|---|
|  |  |  | 
|---|
|  |  |  | <List> | 
|---|
|  |  |  | {records.map(record => { | 
|---|
|  |  |  | return ( | 
|---|
|  |  |  | <> | 
|---|
|  |  |  | <React.Fragment key={record.id}> | 
|---|
|  |  |  | <TaskItem | 
|---|
|  |  |  | key={record.id} | 
|---|
|  |  |  | record={record} | 
|---|
|  |  |  | now={now} | 
|---|
|  |  |  | /> | 
|---|
|  |  |  | <Divider /> | 
|---|
|  |  |  | </> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | </React.Fragment> | 
|---|
|  |  |  | ) | 
|---|
|  |  |  | })} | 
|---|
|  |  |  | {currCount < total && ( | 
|---|