feat: Add counts to summary in success

Author: ChrisChV

src/data/api.mocks.ts

@@ -39,6 +39,14 @@ mockGetMigrationStatus.migrationStatusData = {
       forwardSourceToTarget: true,
       isFailed: false,
       targetCollection: null,
+      migrationSummary: {
+        totalBlocks: 0,
+        sections: 0,
+        subsections: 0,
+        units: 0,
+        components: 0,
+        unsupported: 0,
+      },
     },
   ],
 } as api.MigrateTaskStatusData;
@@ -65,6 +73,14 @@ mockGetMigrationStatus.migrationStatusFailedData = {
       forwardSourceToTarget: true,
       isFailed: true,
       targetCollection: null,
+      migrationSummary: {
+        totalBlocks: 0,
+        sections: 0,
+        subsections: 0,
+        units: 0,
+        components: 0,
+        unsupported: 0,
+      },
     },
   ],
 } as api.MigrateTaskStatusData;
@@ -91,6 +107,14 @@ mockGetMigrationStatus.migrationStatusFailedMultipleData = {
       forwardSourceToTarget: true,
       isFailed: true,
       targetCollection: null,
+      migrationSummary: {
+        totalBlocks: 0,
+        sections: 0,
+        subsections: 0,
+        units: 0,
+        components: 0,
+        unsupported: 0,
+      },
     },
     {
       id: 2,
@@ -103,6 +127,14 @@ mockGetMigrationStatus.migrationStatusFailedMultipleData = {
       forwardSourceToTarget: true,
       isFailed: true,
       targetCollection: null,
+      migrationSummary: {
+        totalBlocks: 0,
+        sections: 0,
+        subsections: 0,
+        units: 0,
+        components: 0,
+        unsupported: 0,
+      },
     },
   ],
 } as api.MigrateTaskStatusData;
@@ -129,6 +161,14 @@ mockGetMigrationStatus.migrationStatusFailedOneLibraryData = {
       forwardSourceToTarget: true,
       isFailed: true,
       targetCollection: null,
+      migrationSummary: {
+        totalBlocks: 0,
+        sections: 0,
+        subsections: 0,
+        units: 0,
+        components: 0,
+        unsupported: 0,
+      },
     },
     {
       id: 2,
@@ -141,6 +181,14 @@ mockGetMigrationStatus.migrationStatusFailedOneLibraryData = {
       forwardSourceToTarget: true,
       isFailed: false,
       targetCollection: null,
+      migrationSummary: {
+        totalBlocks: 0,
+        sections: 0,
+        subsections: 0,
+        units: 0,
+        components: 0,
+        unsupported: 0,
+      },
     },
   ],
 } as api.MigrateTaskStatusData;

src/data/api.ts

@@ -97,6 +97,14 @@ export interface MigrateParameters {
     key: string;
     title: string;
   } | null;
+  migrationSummary: {
+    totalBlocks: number;
+    sections: number;
+    subsections: number;
+    units: number;
+    components: number;
+    unsupported: number;
+  }
 }
 
 export interface MigrateTaskStatusData {

src/library-authoring/import-course/ImportDetailsPage.tsx

@@ -105,7 +105,7 @@ export const ImportDetailsPage = () => {
   };
 
   const renderBody = () => {
-    if (isPending) {
+    if (isPending || !courseImportDetails) {
       return <Loading />;
     }
 
@@ -121,13 +121,22 @@ export const ImportDetailsPage = () => {
                 {...messages.importSuccessfulAlertBody}
                 values={{
                   courseName: courseDetails?.title,
-                  collectionName: courseImportDetails?.targetCollection?.title,
+                  collectionName: courseImportDetails.targetCollection?.title,
                 }}
               />
             </p>
           </Alert>
           <h4><FormattedMessage {...messages.importSummaryTitle} /></h4>
-          <SummaryCard isPending />
+          <SummaryCard
+            totalBlocks={courseImportDetails.migrationSummary.totalBlocks}
+            totalComponents={
+              courseImportDetails.migrationSummary.components + courseImportDetails.migrationSummary.unsupported
+            }
+            sections={courseImportDetails.migrationSummary.sections}
+            subsections={courseImportDetails.migrationSummary.subsections}
+            units={courseImportDetails.migrationSummary.units}
+            unsupportedBlocks={courseImportDetails.migrationSummary.unsupported}
+          />
           <p>
             <FormattedMessage
               {...messages.importSuccessfulBody}