Wizard: Add status polling for pending repositories

Custom repositories, if in state "Pending", were stuck in it unless user
clicked the "Refresh" button manually. Add automatic polling for status to
remedy this.

Author: tkoscieln

src/Components/CreateImageWizard/steps/Repositories/Repositories.tsx

@@ -95,6 +95,7 @@ const Repositories = () => {
     'toggle-group-all' | 'toggle-group-selected'
   >('toggle-group-all');
   const [isTemplateSelected, setIsTemplateSelected] = useState(false);
+  const [isStatusPollingEnabled, setIsStatusPollingEnabled] = useState(false);
 
   const isSharedEPELEnabled = useFlag('image-builder.shared-epel.enabled');
 
@@ -197,9 +198,21 @@ const Repositories = () => {
           ? [...selected].join(',')
           : '',
     },
-    { refetchOnMountOrArgChange: 60, skip: isTemplateSelected },
+    {
+      refetchOnMountOrArgChange: 60,
+      skip: isTemplateSelected,
+      pollingInterval: isStatusPollingEnabled ? 8000 : 0,
+    },
   );
 
+  useEffect(() => {
+    if (contentList.some((repo) => repo.status === 'Pending')) {
+      setIsStatusPollingEnabled(true);
+    } else {
+      setIsStatusPollingEnabled(false);
+    }
+  }, [contentList]);
+
   const refresh = () => {
     // In case the user deletes an intially selected repository.
     // Refetching will react to both added and removed repositories.
@@ -595,9 +608,11 @@ const Repositories = () => {
                 variant='primary'
                 isInline
                 onClick={() => refresh()}
-                isLoading={isFetching}
+                isLoading={isFetching && !isStatusPollingEnabled}
               >
-                {isFetching ? 'Refreshing' : 'Refresh'}
+                {isFetching && !isStatusPollingEnabled
+                  ? 'Refreshing'
+                  : 'Refresh'}
               </Button>
             </ToolbarItem>
             <ToolbarItem>