diff --git a/src/component/Pages/Tasks/DownloadFileList.tsx b/src/component/Pages/Tasks/DownloadFileList.tsx index 5da3478..3241498 100644 --- a/src/component/Pages/Tasks/DownloadFileList.tsx +++ b/src/component/Pages/Tasks/DownloadFileList.tsx @@ -6,7 +6,6 @@ import { TableCell, TableContainer, TableRow, - Tooltip, Typography, useTheme, } from "@mui/material"; @@ -21,8 +20,6 @@ import { useAppDispatch } from "../../../redux/hooks.ts"; import { confirmOperation } from "../../../redux/thunks/dialog.ts"; import { fileBase, sizeToString } from "../../../util"; import { - NoWrapTableCell, - NoWrapTypography, StyledCheckbox, StyledTableContainerPaper, } from "../../Common/StyledComponents.tsx"; @@ -43,6 +40,7 @@ const DownloadFileList = ({ taskId, summary, downloading, readonly }: DownloadFi }>({}); const [changeApplied, setChangeApplied] = useState(true); const [loading, setLoading] = useState(false); + const [height, setHeight] = useState(33); const files = summary?.props?.download?.files; const { t } = useTranslation(); const theme = useTheme(); @@ -107,10 +105,13 @@ const DownloadFileList = ({ taskId, summary, downloading, readonly }: DownloadFi { + setHeight(h + 0.5); + }} components={{ // eslint-disable-next-line react/display-name Table: (props) => , @@ -124,7 +125,6 @@ const DownloadFileList = ({ taskId, summary, downloading, readonly }: DownloadFi {...props} key={index} sx={{ - height: "33px", background: `linear-gradient(to right, ${progressColor} 0%,${progressColor} ${percentage}%,${progressBgColor} ${percentage}%,${progressBgColor} 100%)`, }} /> @@ -134,7 +134,7 @@ const DownloadFileList = ({ taskId, summary, downloading, readonly }: DownloadFi data={files} itemContent={(_index, value) => ( <> - + { setFileSelected(value, e.target.checked); @@ -145,16 +145,8 @@ const DownloadFileList = ({ taskId, summary, downloading, readonly }: DownloadFi size="small" /> - - + + - - {fileBase(value.name)} - + {fileBase(value.name)} - - + + {sizeToString(value.size)} - + {((value.progress ?? 0) * 100).toFixed(2)} % diff --git a/src/component/Pages/Tasks/TaskCard.tsx b/src/component/Pages/Tasks/TaskCard.tsx index 7fb3c2b..6d3b7b9 100644 --- a/src/component/Pages/Tasks/TaskCard.tsx +++ b/src/component/Pages/Tasks/TaskCard.tsx @@ -196,7 +196,7 @@ const TaskCard = ({ loading, showProgress, onLoad, task }: TaskCardProps) => { )} - + {loading || !task ? ( ) : ( diff --git a/src/component/Pages/Tasks/TaskDetail.tsx b/src/component/Pages/Tasks/TaskDetail.tsx index e4bb401..aee9260 100644 --- a/src/component/Pages/Tasks/TaskDetail.tsx +++ b/src/component/Pages/Tasks/TaskDetail.tsx @@ -62,7 +62,7 @@ const TaskDetail = ({ task, downloading }: TaskDetailProps) => { {t("setting.retryErrorHistory")} - +
diff --git a/src/component/Pages/Tasks/TaskProps.tsx b/src/component/Pages/Tasks/TaskProps.tsx index 5a6a5eb..e5ae1e9 100644 --- a/src/component/Pages/Tasks/TaskProps.tsx +++ b/src/component/Pages/Tasks/TaskProps.tsx @@ -95,7 +95,16 @@ const TaskProps = ({ task }: TaskPropsProps) => { } /> )} - {task.summary?.props.src_str && } + {task.summary?.props.src_str && ( + + {task.summary?.props.src_str} + + } + /> + )} {task.summary?.props.src_multiple && ( { {task.summary?.props.src_multiple.map((src, index) => (