Merge pull request #9359 from RoadieHQ/loading-progress-on-task-page

adds progress bar to the task page..

.changeset/loud-monkeys-explode.md

@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-scaffolder': patch
+---
+
+Adds a loading bar to the scaffolder task page if the task is still loading. This can happen if it takes a while for a task worker to pick up a task.

plugins/scaffolder/src/components/TaskPage/TaskPage.tsx

@@ -21,6 +21,7 @@ import {
   Lifecycle,
   Page,
   LogViewer,
+  Progress,
 } from '@backstage/core-components';
 import { useRouteRef } from '@backstage/core-plugin-api';
 import { BackstageTheme } from '@backstage/theme';
@@ -352,6 +353,8 @@ export const TaskPage = ({ loadingText }: TaskPageProps) => {
                 </Paper>
               </Grid>
               <Grid item xs={9}>
+                {!currentStepId && <Progress />}
+
                 <div style={{ height: '80vh' }}>
                   <LogViewer text={logAsString} />
                 </div>