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

Enhance StateDisplay component to include 'used' as a loading progress type and adjust progress status and color accordingly.

Browse Source
This commit is contained in:
Tom Butcher 2025-11-24 03:32:16 +00:00
parent 94c55c8e77
commit dabad4f489
1 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/Dashboard/common/StateDisplay.jsx
View File

@ -4,7 +4,13 @@ import { Progress, Flex, Space } from 'antd'
import StateTag from './StateTag' import StateTag from './StateTag'
const StateDisplay = ({ state, showProgress = true, showState = true }) => { const StateDisplay = ({ state, showProgress = true, showState = true }) => {
const loadingProgressTypes = ['loading', 'processing', 'queued', 'printing'] const loadingProgressTypes = [
'loading',
'processing',
'queued',
'printing',
'used'
]
const currentState = state || { const currentState = state || {
type: 'unknown', type: 'unknown',
progress: 0 progress: 0
@ -23,7 +29,8 @@ const StateDisplay = ({ state, showProgress = true, showState = true }) => {
currentState?.progress > 0 ? ( currentState?.progress > 0 ? (
<Progress <Progress
percent={Math.round(currentState.progress * 100)} percent={Math.round(currentState.progress * 100)}
status='active' status={currentState.type === 'used' ? '' : 'active'}
strokeColor={currentState.type === 'used' ? 'orange' : ''}
style={{ width: '150px', marginBottom: '2px' }} style={{ width: '150px', marginBottom: '2px' }}
/> />
) : null} ) : null}