farmcontrol/farmcontrol-ui
farmcontrol/farmcontrol-ui
2
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor UpdateStage component in AppUpdateProgress to streamline progress display and detail rendering, enhancing clarity and organization of update status information.

Browse Source
This commit is contained in:
Tom Butcher 2026-06-21 20:19:37 +01:00
parent 90204e4f10
commit 77ef061c15
1 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/components/Dashboard/Management/AppUpdates/AppUpdateProgress.jsx
View File

@ -101,28 +101,28 @@ const UpdateStage = ({ stage, status, percent, detail }) => {
: StageIcon : StageIcon
return ( return (
<Flex vertical gap={4}> <Flex align='center' gap='middle'>
<Flex align='center' gap='middle'> <StatusIcon style={{ fontSize: 20, color, flexShrink: 0 }} />
<StatusIcon style={{ fontSize: 20, color, flexShrink: 0 }} /> <Flex align='center' gap='small' style={{ flex: 1, minWidth: 0 }}>
<Flex align='center' gap='small' style={{ flex: 1, minWidth: 0 }}> <Text style={{ flexShrink: 0, minWidth: 96 }}>
<Text style={{ flexShrink: 0, minWidth: 96 }}> {config.labels[resolvedStatus]}
{config.labels[resolvedStatus]} </Text>
</Text> {showProgress && (
{showProgress && ( <Flex vertical gap={4}>
<Progress <Progress
percent={resolvedPercent} percent={resolvedPercent}
status={getProgressStatus(resolvedStatus)} status={getProgressStatus(resolvedStatus)}
showInfo={typeof resolvedPercent === 'number'} showInfo={typeof resolvedPercent === 'number'}
style={{ flex: 1, margin: 0 }} style={{ flex: 1, margin: 0 }}
/> />
)} {detail && (
</Flex> <Text type='secondary' style={{ marginLeft: 36 }}>
{detail}
</Text>
)}
</Flex>
)}
</Flex> </Flex>
{detail && (
<Text type='secondary' style={{ marginLeft: 36 }}>
{detail}
</Text>
)}
</Flex> </Flex>
) )
} }