refactor: use displayNotEnoughBalance prop

leather-io · Jan 25, 2024 · fda0531 · fda0531
1 parent 68ce41e
commit fda0531
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/src/app/components/crypto-assets/bitcoin/brc20-token-asset-list/brc20-token-asset-list.tsx b/src/app/components/crypto-assets/bitcoin/brc20-token-asset-list/brc20-token-asset-list.tsx
@@ -29,7 +29,7 @@ export function Brc20TokenAssetList(props: { brc20Tokens?: Brc20Token[] }) {
       token={token}
       isPressable={hasPositiveBtcBalanceForFees}
       onClick={hasPositiveBtcBalanceForFees ? () => navigateToBrc20SendForm(token) : noop}
-      notEnoughBalanceTooltipDisabled={hasPositiveBtcBalanceForFees}
+      displayNotEnoughBalance={!hasPositiveBtcBalanceForFees}
       key={token.tick}
     />
   ));

diff --git a/...crypto-assets/bitcoin/brc20-token-asset-list/components/brc20-token-asset-item.layout.tsx b/...crypto-assets/bitcoin/brc20-token-asset-list/components/brc20-token-asset-item.layout.tsx
@@ -15,23 +15,23 @@ interface Brc20TokenAssetItemLayoutProps extends BoxProps {
   isPressable?: boolean;
   onClick?(): void;
   title: string;
-  notEnoughBalanceTooltipDisabled: boolean;
+  displayNotEnoughBalance?: boolean;
 }
 export function Brc20TokenAssetItemLayout({
   balance,
   caption,
   isPressable,
   onClick,
   title,
-  notEnoughBalanceTooltipDisabled,
+  displayNotEnoughBalance,
 }: Brc20TokenAssetItemLayoutProps) {
   const [component, bind] = usePressable(isPressable);
 
   const formattedBalance = formatBalance(balance.amount.toString());
 
   return (
     <BasicTooltip
-      disabled={notEnoughBalanceTooltipDisabled}
+      disabled={!displayNotEnoughBalance}
       side="top"
       label={'Not enough BTC in balance'}
       asChild

diff --git a/...onents/crypto-assets/bitcoin/brc20-token-asset-list/components/brc20-token-asset-item.tsx b/...onents/crypto-assets/bitcoin/brc20-token-asset-list/components/brc20-token-asset-item.tsx
@@ -8,13 +8,13 @@ interface Brc20TokenAssetItemProps {
   token: Brc20Token;
   isPressable?: boolean;
   onClick?(): void;
-  notEnoughBalanceTooltipDisabled: boolean;
+  displayNotEnoughBalance?: boolean;
 }
 export function Brc20TokenAssetItem({
   token,
   isPressable,
   onClick,
-  notEnoughBalanceTooltipDisabled,
+  displayNotEnoughBalance,
 }: Brc20TokenAssetItemProps) {
   return (
     <Brc20TokenAssetItemLayout
@@ -23,7 +23,7 @@ export function Brc20TokenAssetItem({
       title={token.tick}
       isPressable={isPressable}
       onClick={onClick}
-      notEnoughBalanceTooltipDisabled={notEnoughBalanceTooltipDisabled}
+      displayNotEnoughBalance={displayNotEnoughBalance}
     />
   );
 }