From 5e4f20edf1e858274b84e01ee9c1dd0d6f75d1a2 Mon Sep 17 00:00:00 2001
From: regexowl <ksimicko@redhat.com>
Date: Thu, 2 Jan 2025 14:54:41 +0100
Subject: [PATCH] src: Make spinners spin

This replaces the `<InProgressIcon>` with animated spinners to indicate that something is happening.
---
 .../steps/Repositories/RepositoriesStatus.tsx          |  4 ++--
 src/Components/ImagesTable/Status.tsx                  | 10 +++++-----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/Components/CreateImageWizard/steps/Repositories/RepositoriesStatus.tsx b/src/Components/CreateImageWizard/steps/Repositories/RepositoriesStatus.tsx
index 341f45e9..a8851c70 100644
--- a/src/Components/CreateImageWizard/steps/Repositories/RepositoriesStatus.tsx
+++ b/src/Components/CreateImageWizard/steps/Repositories/RepositoriesStatus.tsx
@@ -8,13 +8,13 @@ import {
   DescriptionListGroup,
   DescriptionListTerm,
   Popover,
+  Spinner,
 } from '@patternfly/react-core';
 import {
   CheckCircleIcon,
   ExclamationCircleIcon,
   ExclamationTriangleIcon,
   ExternalLinkAltIcon,
-  InProgressIcon,
 } from '@patternfly/react-icons';
 
 import { CONTENT_URL } from '../../../../constants';
@@ -139,7 +139,7 @@ const RepositoriesStatus = ({
   } else if (repoStatus === 'Pending') {
     return (
       <>
-        <InProgressIcon className="pending" /> {repoStatus}
+        <Spinner isInline /> {repoStatus}
       </>
     );
   }
diff --git a/src/Components/ImagesTable/Status.tsx b/src/Components/ImagesTable/Status.tsx
index fedda843..4b96ea0d 100644
--- a/src/Components/ImagesTable/Status.tsx
+++ b/src/Components/ImagesTable/Status.tsx
@@ -11,6 +11,7 @@ import {
   PanelMain,
   Popover,
   Skeleton,
+  Spinner,
   Text,
 } from '@patternfly/react-core';
 import {
@@ -18,7 +19,6 @@ import {
   CopyIcon,
   ExclamationCircleIcon,
   ExclamationTriangleIcon,
-  InProgressIcon,
   OffIcon,
   PendingIcon,
 } from '@patternfly/react-icons';
@@ -225,22 +225,22 @@ const statuses = {
   },
 
   building: {
-    icon: <InProgressIcon className="pending" />,
+    icon: <Spinner isInline />,
     text: 'Image build in progress',
   },
 
   uploading: {
-    icon: <InProgressIcon className="pending" />,
+    icon: <Spinner isInline />,
     text: 'Image upload in progress',
   },
 
   registering: {
-    icon: <InProgressIcon className="pending" />,
+    icon: <Spinner isInline />,
     text: 'Cloud registration in progress',
   },
 
   running: {
-    icon: <InProgressIcon className="pending" />,
+    icon: <Spinner isInline />,
     text: 'Running',
   },