show max button handled for add liquidity

jediswaplabs · Dec 29, 2023 · 8d0dfc4 · 8d0dfc4
1 parent d738b31
commit 8d0dfc4
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 7 deletions.
diff --git a/src/components/CurrencyInputPanel/index.tsx b/src/components/CurrencyInputPanel/index.tsx
@@ -214,8 +214,7 @@ export default function CurrencyInputPanel({
 }: CurrencyInputPanelProps) {
   const [modalOpen, setModalOpen] = useState(false)
   const { address: account, chainId } = useAccountDetails()
-  const selectedCurrencyBalance = useCurrencyBalance(account ?? undefined, currency ?? undefined)
-  const { formatted } = useAccountBalance(currency as Currency)
+  const { formatted, balance } = useAccountBalance(currency as Currency)
   const theme = useTheme()
 
   const handleDismissSearch = useCallback(() => {
@@ -224,7 +223,12 @@ export default function CurrencyInputPanel({
 
   const chainAllowed = isSupportedChain(chainId)
 
+  const handleMaxAmount = () => {
+    if (balance) onUserInput(balance)
+  }
+
   const containerStyles = hideShadow ? { boxShadow: 'none' } : {}
+  const showMax = balance !== null && Number(value) !== Number(balance)
   return (
     <InputPanel id={id} hideInput={hideInput} {...rest}>
       {!locked && (
@@ -290,13 +294,13 @@ export default function CurrencyInputPanel({
               <RowBetween>
                 {account && (
                   <RowFixed style={{ height: '17px' }}>
-                    {Boolean(showMaxButton && selectedCurrencyBalance) && (
-                      <StyledBalanceMax onClick={onMax}>
+                    {showMax && formatted && (
+                      <StyledBalanceMax onClick={handleMaxAmount}>
                         <Trans>MAX</Trans>
                       </StyledBalanceMax>
                     )}
                     <ThemedText.DeprecatedBody
-                      onClick={onMax}
+                      onClick={handleMaxAmount}
                       color={theme.neutral3}
                       fontWeight={535}
                       fontSize={14}

diff --git a/src/pages/AddLiquidity/index.tsx b/src/pages/AddLiquidity/index.tsx
@@ -482,8 +482,7 @@ function AddLiquidity() {
           disabled={!isValid}
           error={!isValid && !!parsedAmounts[Field.CURRENCY_A] && !!parsedAmounts[Field.CURRENCY_B]}
         >
-          {/* <Text fontWeight={535}>{errorMessage || <Trans>Preview</Trans>}</Text> */}
-          <Text fontWeight={535}>{<Trans>Preview</Trans>}</Text>
+          <Text fontWeight={535}>{errorMessage ? errorMessage : <Trans>Preview</Trans>}</Text>
         </ButtonError>
       </AutoColumn>
     )