Fix claim rewards refresh bug

frontend/src/components/BottomBar.js

@@ -90,7 +90,7 @@ class BottomBar extends Component {
         this.setState({openProfile: false});
     };
 
-    handleSubmitInvoiceClicked=(rewardInvoice)=>{
+    handleSubmitInvoiceClicked=(e, rewardInvoice)=>{
         this.setState({
             badInvoice:false,
             showRewardsSpinner: true,
@@ -112,6 +112,7 @@ class BottomBar extends Component {
             withdrawn: data.successful_withdrawal ? true : false,
             showRewardsSpinner: false,
         }));
+        e.preventDefault();
     }
 
     getHost(){

frontend/src/components/Dialogs/Profile.tsx

@@ -41,7 +41,7 @@ type Props = {
   activeOrderId: string | number;
   lastOrderId: string | number;
   referralCode: string;
-  handleSubmitInvoiceClicked: (invoice: string) => void;
+  handleSubmitInvoiceClicked: (e:any, invoice: string) => void;
   host: string;
   showRewardsSpinner: boolean;
   withdrawn: boolean;
@@ -273,9 +273,9 @@ const ProfileDialog = ({
                     </Grid>
                   </ListItemText>
                 ) : (
-                  <form style={{maxWidth: 270}}>
-                    <Grid container alignItems="stretch" style={{ display: "flex"}}>
-                      <Grid item style={{ display: "flex" }}>
+                  <form noValidate style={{maxWidth: 270}}>
+                    <Grid container style={{ display: "flex", alignItems: "stretch"}}>
+                      <Grid item style={{ display: "flex", maxWidth:160}} >
                         <TextField
                           error={badInvoice ? true : false}
                           helperText={badInvoice ? badInvoice : "" }
@@ -288,13 +288,14 @@ const ProfileDialog = ({
                         />
                       </Grid>
 
-                      <Grid item alignItems="stretch" style={{ display: "flex" }}>
+                      <Grid item alignItems="stretch" style={{ display: "flex", maxWidth:80}}>
                         <Button
                           sx={{maxHeight:38}}
-                          onClick={() => handleSubmitInvoiceClicked(rewardInvoice)}
+                          onClick={(e) => handleSubmitInvoiceClicked(e, rewardInvoice)}
                           variant="contained"
                           color="primary"
                           size="small"
+                          type="submit"
                         >
                           {t("Submit")}
                         </Button>

frontend/src/components/Dialogs/index.ts

@@ -3,7 +3,7 @@ export { default as InfoDialog } from "./Info";
 export { default as LearnDialog } from "./Learn";
 export { default as NoRobotDialog } from "./NoRobot";
 export { default as StoreTokenDialog } from "./StoreToken";
-export { default as ExchangeSummaryDialog } from "./ExchangeSummaryDialog";
-export { default as ProfileDialog } from "./ProfileDialog";
-export { default as StatsDialog } from "./StatsDialog";
+export { default as ExchangeSummaryDialog } from "./ExchangeSummary";
+export { default as ProfileDialog } from "./Profile";
+export { default as StatsDialog } from "./Stats";