Disable widget when tx in progress

Signed-off-by: Emre Bogazliyanlioglu <emre@wormholelabs.xyz>

wormhole-connect/src/views/v2/Bridge/index.tsx

@@ -584,7 +584,9 @@ const Bridge = () => {
   return (
     <div className={joinClass([classes.bridgeContent, classes.spacer])}>
       {header}
-      {config.ui.showInProgressWidget && <TxHistoryWidget />}
+      {config.ui.showInProgressWidget && (
+        <TxHistoryWidget disabled={isTransactionInProgress} />
+      )}
       {bridgeHeader}
       {sourceAssetPicker}
       {destAssetPicker}

wormhole-connect/src/views/v2/TxHistory/Widget/Item.tsx

@@ -81,6 +81,7 @@ const useStyles = makeStyles()((theme: any) => ({
 
 type Props = {
   data: TransactionLocal;
+  disabled: boolean;
 };
 
 const WidgetItem = (props: Props) => {
@@ -270,7 +271,7 @@ const WidgetItem = (props: Props) => {
       <Card className={classes.card}>
         <CardActionArea
           disableTouchRipple
-          disabled={!txDetails}
+          disabled={props.disabled || !txDetails}
           className={classes.cardActionArea}
           onClick={resumeTransaction}
         >

wormhole-connect/src/views/v2/TxHistory/Widget/index.tsx

@@ -36,7 +36,7 @@ const useStyles = makeStyles()((theme) => ({
   },
 }));
 
-const TxHistoryWidget = () => {
+const TxHistoryWidget = (props: { disabled: boolean }) => {
   const { classes } = useStyles();
   const theme = useTheme();
 
@@ -77,7 +77,7 @@ const TxHistoryWidget = () => {
         </Typography>
       </div>
       {transactions.map((tx) => (
-        <WidgetItem key={tx.txHash} data={tx} />
+        <WidgetItem key={tx.txHash} data={tx} disabled={props.disabled} />
       ))}
     </div>
   );