Add specific handling for queued downloads in DownloadProgressIndicator

Author: louise-davies

packages/datagateway-download/public/res/default.json

@@ -38,7 +38,8 @@
     "progress": "Progress",
     "calculating_progress": "Calculating...",
     "progress_unavailable": "Unknown",
-    "progress_complete": ""
+    "progress_complete": "",
+    "progress_queued": "Queued"
   },
   "downloadConfirmDialog": {
     "close_arialabel": "Close download confirmation dialog",

packages/datagateway-download/src/downloadStatus/downloadProgressIndicator.component.test.tsx

@@ -173,6 +173,21 @@ describe('DownloadProgressIndicator', () => {
     expect(screen.getByText('0%')).toBeInTheDocument();
   });
 
+  it('should show queued when download is paused and has no preparedId', async () => {
+    renderComponent({
+      download: {
+        ...mockDownload,
+        status: 'PAUSED',
+        preparedId: undefined,
+      },
+    });
+
+    expect(
+      await screen.findByText('downloadStatus.progress_queued')
+    ).toBeInTheDocument();
+    expect(getPercentageComplete).not.toHaveBeenCalled();
+  });
+
   it('should show progress of the given download item', async () => {
     (
       getPercentageComplete as jest.MockedFunction<typeof getPercentageComplete>

packages/datagateway-download/src/downloadStatus/downloadProgressIndicator.component.tsx

@@ -44,6 +44,13 @@ function DownloadProgressIndicator({
   // if the download is being prepared, show 0%
   if (download.status === 'PREPARING') return <ProgressBar progress={0} />;
 
+  // if the download is paused with no preparedId, show that it is queued
+  if (
+    download.status === 'PAUSED' &&
+    typeof download.preparedId === 'undefined'
+  )
+    return <>{t('downloadStatus.progress_queued')}</>;
+
   // display a label indicating progress unavailable when
   // progress is not returned or the download status doesn't match.
   if (typeof progress === 'undefined')