From dabad4f489e3bad59ada043523b5304fc8fb9ac2 Mon Sep 17 00:00:00 2001
From: Tom Butcher <thomasbutcher15@gmail.com>
Date: Mon, 24 Nov 2025 03:32:16 +0000
Subject: [PATCH] Enhance StateDisplay component to include 'used' as a loading
 progress type and adjust progress status and color accordingly.

---
 src/components/Dashboard/common/StateDisplay.jsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

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