style: Add loading indicator to download button

UniversityOfHelsinkiCS · Feb 12, 2024 · 5b1b489 · 5b1b489
1 parent 4146994
commit 5b1b489
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/client/pages/CourseSummary/GenerateReport.js b/src/client/pages/CourseSummary/GenerateReport.js
@@ -2,6 +2,7 @@ import React from 'react'
 import {
   Button,
   Checkbox,
+  CircularProgress,
   FormControl,
   FormControlLabel,
   FormGroup,
@@ -115,7 +116,7 @@ const GenerateReport = () => {
               disabled={!isValid || isLoading}
               sx={{ mt: '1rem' }}
               variant="contained"
-              endIcon={<Download />}
+              endIcon={isLoading ? <CircularProgress sx={{ color: 'primary.main' }} size={16} /> : <Download />}
             >
               {t('common:exportXLSX')}
             </Button>