refactor(invitations): add download to tables

Author: LWS49

client/app/bundles/course/user-invitations/components/misc/InvitationResultDialog.tsx

@@ -245,6 +245,7 @@ const InvitationResultDialog: FC<Props> = ({
               })}
             </Typography>
             <InvitationResultPrimaryTable
+              csvDownloadFilename="new_invitations"
               rows={newInvitationRows}
               showPersonalizedTimelineFeatures={
                 showPersonalizedTimelineFeatures
@@ -261,6 +262,7 @@ const InvitationResultDialog: FC<Props> = ({
               })}
             </Typography>
             <InvitationResultPrimaryTable
+              csvDownloadFilename="new_course_users"
               rows={newCourseUserRows}
               showPersonalizedTimelineFeatures={
                 showPersonalizedTimelineFeatures
@@ -294,6 +296,7 @@ const InvitationResultDialog: FC<Props> = ({
               </Typography>
             )}
             <InvitationResultExistingTable
+              csvDownloadFilename="existing_invitations"
               rows={existingInvitationRows}
               showPersonalizedTimelineFeatures={
                 showPersonalizedTimelineFeatures
@@ -327,6 +330,7 @@ const InvitationResultDialog: FC<Props> = ({
               </Typography>
             )}
             <InvitationResultExistingTable
+              csvDownloadFilename="existing_course_users"
               rows={existingCourseUserRows}
               showPersonalizedTimelineFeatures={
                 showPersonalizedTimelineFeatures

client/app/bundles/course/user-invitations/components/tables/InvitationResultExistingTable.tsx

@@ -42,11 +42,13 @@ export interface ExistingRow {
 interface Props {
   rows: ExistingRow[];
   showPersonalizedTimelineFeatures?: boolean;
+  csvDownloadFilename: string;
 }
 
 const InvitationResultExistingTable: FC<Props> = ({
   rows,
   showPersonalizedTimelineFeatures,
+  csvDownloadFilename,
 }) => {
   const { t } = useTranslation();
 
@@ -149,7 +151,8 @@ const InvitationResultExistingTable: FC<Props> = ({
         rowsPerPage: [DEFAULT_TABLE_ROWS_PER_PAGE],
         showAllRows: true,
       }}
-      toolbar={{ show: false }}
+      csvDownload={{ filename: csvDownloadFilename }}
+      toolbar={{ show: true }}
     />
   );
 };

client/app/bundles/course/user-invitations/components/tables/InvitationResultFailedTable.tsx

@@ -149,7 +149,8 @@ const InvitationResultFailedTable: FC<Props> = ({
       }
       getRowEqualityData={(row) => row}
       getRowId={(row) => String(row.id)}
-      toolbar={{ show: false }}
+      csvDownload={{ filename: 'failed_invitations' }}
+      toolbar={{ show: true }}
     />
   );
 };

client/app/bundles/course/user-invitations/components/tables/InvitationResultPrimaryTable.tsx

@@ -26,11 +26,13 @@ const translations = defineMessages({
 interface Props {
   rows: InvitationSuccessRow[];
   showPersonalizedTimelineFeatures?: boolean;
+  csvDownloadFilename: string;
 }
 
 const InvitationResultPrimaryTable: FC<Props> = ({
   rows,
   showPersonalizedTimelineFeatures,
+  csvDownloadFilename,
 }) => {
   const { t } = useTranslation();
   const showExternalId = rows.some((r) => r.externalId != null);
@@ -105,7 +107,8 @@ const InvitationResultPrimaryTable: FC<Props> = ({
         rowsPerPage: [DEFAULT_TABLE_ROWS_PER_PAGE],
         showAllRows: false,
       }}
-      toolbar={{ show: false }}
+      csvDownload={{ filename: csvDownloadFilename }}
+      toolbar={{ show: true }}
     />
   );
 };