fix: removed unnecessary forwardwithrefs

leather-io · Oct 25, 2023 · 81e2b88 · 81e2b88
1 parent 7afc103
commit 81e2b88
Showing 1 changed file with 35 additions and 38 deletions.
diff --git a/src/app/components/bitcoin-contract-entry-point/bitcoin-contract-entry-point-layout.tsx b/src/app/components/bitcoin-contract-entry-point/bitcoin-contract-entry-point-layout.tsx
@@ -1,5 +1,4 @@
 import { Flex, StackProps } from '@stacks/ui';
-import { forwardRefWithAs } from '@stacks/ui-core';
 import { CryptoAssetSelectors } from '@tests/selectors/crypto-asset.selectors';
 import { HStack } from 'leather-styles/jsx';
 
@@ -21,43 +20,41 @@ interface BitcoinContractEntryPointLayoutProps extends StackProps {
   isLoading?: boolean;
   onClick: () => void;
 }
-export const BitcoinContractEntryPointLayout = forwardRefWithAs(
-  (props: BitcoinContractEntryPointLayoutProps) => {
-    const { balance, caption, icon, usdBalance, isLoading, onClick } = props;
+export function BitcoinContractEntryPointLayout(props: BitcoinContractEntryPointLayoutProps) {
+  const { balance, caption, icon, usdBalance, isLoading, onClick } = props;
 
-    const amount = balance.decimals
-      ? ftDecimals(balance.amount, balance.decimals)
-      : balance.amount.toString();
-    const dataTestId = CryptoAssetSelectors.CryptoAssetListItem.replace(
-      '{symbol}',
-      balance.symbol.toLowerCase()
-    );
-    const formattedBalance = formatBalance(amount);
+  const amount = balance.decimals
+    ? ftDecimals(balance.amount, balance.decimals)
+    : balance.amount.toString();
+  const dataTestId = CryptoAssetSelectors.CryptoAssetListItem.replace(
+    '{symbol}',
+    balance.symbol.toLowerCase()
+  );
+  const formattedBalance = formatBalance(amount);
 
-    return (
-      <Flex as={'button'} onClick={onClick} data-testid={dataTestId} outline={0}>
-        <Flag img={icon} align="middle" spacing="base" width="100%">
-          <HStack alignItems="center" justifyContent="space-between" width="100%">
-            <Text>{'Bitcoin Contracts'}</Text>
-            <Tooltip
-              label={formattedBalance.isAbbreviated ? balance.amount.toString() : undefined}
-              placement="left-start"
+  return (
+    <Flex as={'button'} onClick={onClick} data-testid={dataTestId} outline={0}>
+      <Flag img={icon} align="middle" spacing="base" width="100%">
+        <HStack alignItems="center" justifyContent="space-between" width="100%">
+          <Text>{'Bitcoin Contracts'}</Text>
+          <Tooltip
+            label={formattedBalance.isAbbreviated ? balance.amount.toString() : undefined}
+            placement="left-start"
+          >
+            <Text
+              data-testid={'Bitcoin Contracts'}
+              fontVariantNumeric="tabular-nums"
+              textAlign="right"
             >
-              <Text
-                data-testid={'Bitcoin Contracts'}
-                fontVariantNumeric="tabular-nums"
-                textAlign="right"
-              >
-                {isLoading ? <SmallLoadingSpinner /> : formattedBalance.value}
-              </Text>
-            </Tooltip>
-          </HStack>
-          <HStack height="1.25rem" alignItems="center" justifyContent="space-between" width="100%">
-            <Caption>{caption}</Caption>
-            <Flex>{isLoading ? '' : <Caption>{usdBalance}</Caption>}</Flex>
-          </HStack>
-        </Flag>
-      </Flex>
-    );
-  }
-);
+              {isLoading ? <SmallLoadingSpinner /> : formattedBalance.value}
+            </Text>
+          </Tooltip>
+        </HStack>
+        <HStack height="1.25rem" alignItems="center" justifyContent="space-between" width="100%">
+          <Caption>{caption}</Caption>
+          <Flex>{isLoading ? '' : <Caption>{usdBalance}</Caption>}</Flex>
+        </HStack>
+      </Flag>
+    </Flex>
+  );
+}