From 57f602eb027bb2e79c4311dc0b0127e73fcf868f Mon Sep 17 00:00:00 2001
From: Mark McDowall <mark@mcdowall.ca>
Date: Sat, 30 Aug 2025 12:51:43 -0700
Subject: [PATCH] New: Changing icon during import to blue

---
 frontend/src/Activity/Queue/QueueStatus.tsx | 2 +-
 frontend/src/Components/Icon.css            | 4 ++++
 frontend/src/Components/Icon.css.d.ts       | 1 +
 3 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/Activity/Queue/QueueStatus.tsx b/frontend/src/Activity/Queue/QueueStatus.tsx
index 8a9f973d05..baeae8d638 100644
--- a/frontend/src/Activity/Queue/QueueStatus.tsx
+++ b/frontend/src/Activity/Queue/QueueStatus.tsx
@@ -90,7 +90,7 @@ function QueueStatus(props: QueueStatusProps) {
 
     if (trackedDownloadState === 'importing') {
       title += ` - ${translate('Importing')}`;
-      iconKind = kinds.PURPLE;
+      iconKind = kinds.PRIMARY;
     }
 
     if (trackedDownloadState === 'failedPending') {
diff --git a/frontend/src/Components/Icon.css b/frontend/src/Components/Icon.css
index 51c09226b8..d34f0fa0f4 100644
--- a/frontend/src/Components/Icon.css
+++ b/frontend/src/Components/Icon.css
@@ -26,6 +26,10 @@
   color: var(--warningColor);
 }
 
+.primary {
+  color: var(--primaryColor);
+}
+
 .purple {
   color: var(--purple);
 }
diff --git a/frontend/src/Components/Icon.css.d.ts b/frontend/src/Components/Icon.css.d.ts
index b38646df0b..ed19f80aa9 100644
--- a/frontend/src/Components/Icon.css.d.ts
+++ b/frontend/src/Components/Icon.css.d.ts
@@ -6,6 +6,7 @@ interface CssExports {
   'disabled': string;
   'info': string;
   'pink': string;
+  'primary': string;
   'purple': string;
   'success': string;
   'warning': string;