diff --git a/src/components/progress-bar/index.tsx b/src/components/progress-bar/index.tsx index bbf7e6e3..925ecfe2 100644 --- a/src/components/progress-bar/index.tsx +++ b/src/components/progress-bar/index.tsx @@ -1,9 +1,9 @@ import { Progress, Tooltip } from 'antd'; -import React, { memo, useMemo } from 'react'; +import React, { memo, useEffect, useMemo } from 'react'; const RenderProgress = memo( (props: { - open?: boolean; + defaultOpen?: boolean; percent: number; steps?: number; download?: boolean; @@ -11,7 +11,8 @@ const RenderProgress = memo( successPercent?: number; successColor?: string; }) => { - const { open, percent, download, label, successPercent } = props; + const { defaultOpen, percent, download, label, successPercent } = props; + const [open, setOpen] = React.useState(false); const strokeColor = useMemo(() => { if (download) { @@ -27,6 +28,10 @@ const RenderProgress = memo( return 'var(--ant-color-error)'; }, [percent]); + useEffect(() => { + setOpen(defaultOpen || false); + }, [defaultOpen]); + const renderProgress = useMemo(() => { return ( {renderProgress} diff --git a/src/pages/resources/components/gpus.tsx b/src/pages/resources/components/gpus.tsx index 7f4d45ae..464fddde 100644 --- a/src/pages/resources/components/gpus.tsx +++ b/src/pages/resources/components/gpus.tsx @@ -188,7 +188,7 @@ const GPUList: React.FC = () => { render={(text, record: GPUDeviceItem, index: number) => { return ( { [{item.index}]