fix: stop deposit/withdraw modal multiple renders

buffsamo · Dec 8, 2021 · 6ac2993 · 6ac2993
1 parent 670712e
commit 6ac2993
Showing 1 changed file with 19 additions and 19 deletions.
diff --git a/components/BalancesTable.tsx b/components/BalancesTable.tsx
@@ -404,28 +404,28 @@ const BalancesTable = ({ showZeroBalances = false }) => {
                           </Button>
                         </div>
                       </Td>
-                      {showDepositModal && (
-                        <DepositModal
-                          isOpen={showDepositModal}
-                          onClose={() => setShowDepositModal(false)}
-                          tokenSymbol={actionSymbol}
-                          repayAmount={
-                            balance.borrows.toNumber() > 0
-                              ? balance.borrows.toFixed()
-                              : ''
-                          }
-                        />
-                      )}
-                      {showWithdrawModal && (
-                        <WithdrawModal
-                          isOpen={showWithdrawModal}
-                          onClose={() => setShowWithdrawModal(false)}
-                          tokenSymbol={actionSymbol}
-                        />
-                      )}
                     </TrBody>
                   ))}
                 </tbody>
+                {showDepositModal && (
+                  <DepositModal
+                    isOpen={showDepositModal}
+                    onClose={() => setShowDepositModal(false)}
+                    tokenSymbol={actionSymbol}
+                    // repayAmount={
+                    //   balance.borrows.toNumber() > 0
+                    //     ? balance.borrows.toFixed()
+                    //     : ''
+                    // }
+                  />
+                )}
+                {showWithdrawModal && (
+                  <WithdrawModal
+                    isOpen={showWithdrawModal}
+                    onClose={() => setShowWithdrawModal(false)}
+                    tokenSymbol={actionSymbol}
+                  />
+                )}
               </Table>
             ) : (
               <>