chore: more refactors

leather-io · Sep 8, 2023 · 2e768f4 · 2e768f4
1 parent c2cb5b1
commit 2e768f4
Show file tree

Hide file tree

Showing 8 changed files with 18 additions and 20 deletions.
diff --git a/src/app/components/icons/stx-icon.tsx b/src/app/components/icons/stx-icon.tsx
@@ -1,8 +1,6 @@
-import { BoxProps, Svg } from 'leather-styles/jsx';
-
-export function StxIcon(props: BoxProps) {
+export function StxIcon(props: React.SVGProps<SVGSVGElement>) {
   return (
-    <Svg height="39" width="39" fill="none" viewBox="0 0 39 39" {...props}>
+    <svg height="39" width="39" fill="none" viewBox="0 0 39 39" {...props}>
       <path
         d="M22.4282 22.8547L25.6146 28H23.2343L19.4937 21.9547L15.7531 28H13.3854L16.5718 22.8682H12V20.9202H27V22.8547H22.4282Z"
         fill="white"
@@ -11,6 +9,6 @@ export function StxIcon(props: BoxProps) {
         d="M27 17.0781V19.026V19.0395H12V17.0781H16.4836L13.335 12H15.7154L19.4937 18.1259L23.2846 12H25.665L22.5164 17.0781H27Z"
         fill="white"
       />
-    </Svg>
+    </svg>
   );
 }
diff --git a/src/app/pages/rpc-send-transfer/rpc-send-transfer-summary.tsx b/src/app/pages/rpc-send-transfer/rpc-send-transfer-summary.tsx
@@ -132,8 +132,8 @@ export function RpcSendTransferSummary() {
           fiatValue={txFiatValue}
           fiatSymbol={txFiatValueSymbol}
           symbol={symbol}
-          icon={FiCheck}
-          mb="space.05"
+          icon={<FiCheck />}
+          mb="space.05 "
         />
         <Stack pb="space.06" width="100%">
           <InfoCardRow title="To" value={<FormAddressDisplayer address={recipient} />} />
@@ -145,8 +145,8 @@ export function RpcSendTransferSummary() {
         </Stack>
         <InfoCardFooter>
           <HStack gap="space.04" width="100%">
-            <InfoCardBtn icon={FiExternalLink} label="View Details" onClick={onClickLink} />
-            <InfoCardBtn icon={FiCopy} label="Copy ID" onClick={onClickCopy} />
+            <InfoCardBtn icon={<FiExternalLink />} label="View Details" onClick={onClickLink} />
+            <InfoCardBtn icon={<FiCopy />} label="Copy ID" onClick={onClickCopy} />
           </HStack>
         </InfoCardFooter>
       </InfoCard>

diff --git a/src/app/pages/rpc-sign-psbt/rpc-sign-psbt-summary.tsx b/src/app/pages/rpc-sign-psbt/rpc-sign-psbt-summary.tsx
@@ -58,8 +58,8 @@ export function RpcSignPsbtSummary() {
         </Stack>
         <InfoCardFooter>
           <HStack gap="space.04" width="100%">
-            <InfoCardBtn icon={FiExternalLink} label="View Details" onClick={onClickLink} />
-            <InfoCardBtn icon={FiCopy} label="Copy ID" onClick={onClickCopy} />
+            <InfoCardBtn icon={<FiExternalLink />} label="View Details" onClick={onClickLink} />
+            <InfoCardBtn icon={<FiCopy />} label="Copy ID" onClick={onClickCopy} />
           </HStack>
         </InfoCardFooter>
       </InfoCard>

diff --git a/src/app/pages/send/locked-bitcoin-summary/locked-bitcoin-summary.tsx b/src/app/pages/send/locked-bitcoin-summary/locked-bitcoin-summary.tsx
@@ -58,8 +58,8 @@ export function LockBitcoinSummary() {
       </styled.span>
       <InfoCardFooter>
         <HStack gap="space.04" width="100%">
-          <InfoCardBtn onClick={onClickLink} icon={FiExternalLink} label="View Details" />
-          <InfoCardBtn onClick={onClickCopy} icon={FiCopy} label="Copy ID" />
+          <InfoCardBtn onClick={onClickLink} icon={<FiExternalLink />} label="View Details" />
+          <InfoCardBtn onClick={onClickCopy} icon={<FiCopy />} label="Copy ID" />
         </HStack>
       </InfoCardFooter>
     </InfoCard>

diff --git a/src/app/pages/send/ordinal-inscription/sent-inscription-summary.tsx b/src/app/pages/send/ordinal-inscription/sent-inscription-summary.tsx
@@ -78,8 +78,8 @@ export function SendInscriptionSummary() {
         </Stack>
 
         <HStack gap="space.04" width="100%">
-          <InfoCardBtn onClick={onClickLink} icon={FiExternalLink} label="View Details" />
-          <InfoCardBtn onClick={onClickCopy} icon={FiCopy} label="Copy ID" />
+          <InfoCardBtn onClick={onClickLink} icon={<FiExternalLink />} label="View Details" />
+          <InfoCardBtn onClick={onClickCopy} icon={<FiCopy />} label="Copy ID" />
         </HStack>
       </InfoCard>
     </BaseDrawer>

diff --git a/src/app/pages/send/sent-summary/brc20-sent-symmary.tsx b/src/app/pages/send/sent-summary/brc20-sent-symmary.tsx
@@ -84,7 +84,7 @@ export function Brc20SentSummary() {
         <HStack gap="space.04" width="100%">
           <InfoCardBtn
             onClick={onClickLink}
-            icon={FiExternalLink}
+            icon={<FiExternalLink />}
             label="Pending BRC-20 transfers"
           />
         </HStack>

diff --git a/src/app/pages/send/sent-summary/btc-sent-summary.tsx b/src/app/pages/send/sent-summary/btc-sent-summary.tsx
@@ -78,8 +78,8 @@ export function BtcSentSummary() {
 
       <InfoCardFooter>
         <HStack gap="space.04" width="100%">
-          <InfoCardBtn onClick={onClickLink} icon={FiExternalLink} label="View Details" />
-          <InfoCardBtn onClick={onClickCopy} icon={FiCopy} label="Copy ID" />
+          <InfoCardBtn onClick={onClickLink} icon={<FiExternalLink />} label="View Details" />
+          <InfoCardBtn onClick={onClickCopy} icon={<FiCopy />} label="Copy ID" />
         </HStack>
       </InfoCardFooter>
     </InfoCard>

diff --git a/src/app/pages/send/sent-summary/stx-sent-summary.tsx b/src/app/pages/send/sent-summary/stx-sent-summary.tsx
@@ -79,8 +79,8 @@ export function StxSentSummary() {
 
       <InfoCardFooter>
         <HStack gap="space.04" width="100%">
-          <InfoCardBtn onClick={onClickLink} icon={FiExternalLink} label="View Details" />
-          <InfoCardBtn onClick={onClickCopy} icon={FiCopy} label="Copy ID" />
+          <InfoCardBtn onClick={onClickLink} icon={<FiExternalLink />} label="View Details" />
+          <InfoCardBtn onClick={onClickCopy} icon={<FiCopy />} label="Copy ID" />
         </HStack>
       </InfoCardFooter>
     </InfoCard>