fix: final

interlay · Feb 16, 2023 · 2ddf391 · 2ddf391
1 parent 1605e56
commit 2ddf391
Showing 1 changed file with 16 additions and 13 deletions.
diff --git a/src/component-library/TokenInput/TokenInputBalance.tsx b/src/component-library/TokenInput/TokenInputBalance.tsx
@@ -21,20 +21,23 @@ const TokenInputBalance = ({
   value,
   onClickBalance,
   className,
-  isDisabled,
+  isDisabled: isDisabledProp,
   label = 'Balance'
-}: TokenInputBalanceProps): JSX.Element => (
-  <StyledTokenInputBalanceWrapper className={className}>
-    <StyledTokenInputBalanceLabel>{label}</StyledTokenInputBalanceLabel>
-    <dd>
-      <StyledTokenInputBalanceValue>{ticker ? value : 0}</StyledTokenInputBalanceValue>
-    </dd>
-    // TODO: change border radius
-    <CTA onPress={onClickBalance} disabled={isDisabled} size='x-small'>
-      MAX
-    </CTA>
-  </StyledTokenInputBalanceWrapper>
-);
+}: TokenInputBalanceProps): JSX.Element => {
+  const isDisabled = isDisabledProp || !ticker || value === 0;
+
+  return (
+    <StyledTokenInputBalanceWrapper className={className}>
+      <StyledTokenInputBalanceLabel>{label}</StyledTokenInputBalanceLabel>
+      <dd>
+        <StyledTokenInputBalanceValue>{ticker ? value : 0}</StyledTokenInputBalanceValue>
+      </dd>
+      <CTA onPress={onClickBalance} disabled={isDisabled} size='x-small'>
+        MAX
+      </CTA>
+    </StyledTokenInputBalanceWrapper>
+  );
+};
 
 export { TokenInputBalance };
 export type { TokenInputBalanceProps };