From 2e768f41edb3021475ca663e1bd73d73aae8058a Mon Sep 17 00:00:00 2001
From: Pete Watters <2938440+pete-watters@users.noreply.github.com>
Date: Fri, 8 Sep 2023 10:09:01 +0100
Subject: [PATCH] chore: more refactors

---
 src/app/components/icons/stx-icon.tsx                     | 8 +++-----
 .../pages/rpc-send-transfer/rpc-send-transfer-summary.tsx | 8 ++++----
 src/app/pages/rpc-sign-psbt/rpc-sign-psbt-summary.tsx     | 4 ++--
 .../locked-bitcoin-summary/locked-bitcoin-summary.tsx     | 4 ++--
 .../send/ordinal-inscription/sent-inscription-summary.tsx | 4 ++--
 src/app/pages/send/sent-summary/brc20-sent-symmary.tsx    | 2 +-
 src/app/pages/send/sent-summary/btc-sent-summary.tsx      | 4 ++--
 src/app/pages/send/sent-summary/stx-sent-summary.tsx      | 4 ++--
 8 files changed, 18 insertions(+), 20 deletions(-)

diff --git a/src/app/components/icons/stx-icon.tsx b/src/app/components/icons/stx-icon.tsx
index bdd79f03fe1..0ad5256d81e 100644
--- 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
index 07d28f1105d..e954ee24097 100644
--- 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
index a344ec8be3c..1908b9d4260 100644
--- 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
index b60abd43331..0637ac7663c 100644
--- 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
index a9ea91de92f..0b6742f7bb0 100644
--- 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
index 0ca9784300b..3d236800591 100644
--- 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
index 3655d9aa5f8..170d4e9c523 100644
--- 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
index 0d18e66305d..fdb56641673 100644
--- 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>