feat: Show loading spinner on Feedback submit button

src/renderer/api.ts

@@ -33,7 +33,7 @@ export async function submitFeedbackViaHttp(
 
   if (!response.ok) {
     throw new Error(
-      `Failed to submit feedback. Status: ${response.status}, Status Text: ${response.statusText}`
+      `Status: ${response.status}`
     );
   }
 

src/renderer/components/modal/feedback/FeedbackDialog.tsx

@@ -19,6 +19,7 @@ import { store } from '../../../store/storeRenderer';
 import { submitFeedbackViaHttp } from '../../../api';
 import { CliLog } from '../../../../models/cliModel';
 import { PiconeroAmount } from '../../other/Units';
+import LoadingButton from '../../other/LoadingButton';
 
 async function submitFeedback(body: string, swapId: string | number) {
   let attachedBody = '';
@@ -134,7 +135,7 @@ export default function FeedbackDialog({
       </DialogContent>
       <DialogActions>
         <Button onClick={onClose}>Cancel</Button>
-        <Button
+        <LoadingButton
           color="primary"
           variant="contained"
           onClick={async () => {
@@ -150,17 +151,16 @@ export default function FeedbackDialog({
               });
             } catch (e) {
               console.error(`Failed to submit feedback: ${e}`);
-              enqueueSnackbar('Failed to submit feedback', {
+              enqueueSnackbar(`Failed to submit feedback (${e})`, {
                 variant: 'error',
               });
             } finally {
               setPending(false);
             }
             onClose();
-          }}
-        >
+          } } loading={pending}        >
           Submit
-        </Button>
+        </LoadingButton>
       </DialogActions>
     </Dialog>
   );

src/renderer/components/other/LoadingButton.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import Button, { ButtonProps } from '@material-ui/core/Button';
+import CircularProgress from '@material-ui/core/CircularProgress';
+
+interface LoadingButtonProps extends ButtonProps {
+  loading: boolean;
+}
+
+const LoadingButton: React.FC<LoadingButtonProps> = ({ loading, disabled, children, ...props }) => {
+  return (
+    <Button
+      className={classes.button}
+      disabled={loading || disabled}
+      {...props}
+      endIcon={loading && <CircularProgress size="1rem" />}
+    >
+      {children}
+    </Button>
+  );
+};
+
+export default LoadingButton;