From c06cc3bd222bc279870f3853d1f90f9639f7ec1d Mon Sep 17 00:00:00 2001
From: hunaniangstudio <891863891@qq.com>
Date: Mon, 6 May 2024 15:31:08 +0800
Subject: [PATCH] fix: fix Runes details

---
 src/ui/pages/Runes/RunesTokenScreen.tsx | 21 ++++++++++++++++++---
 src/ui/pages/Runes/SendRunesScreen.tsx  |  6 +++---
 2 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/src/ui/pages/Runes/RunesTokenScreen.tsx b/src/ui/pages/Runes/RunesTokenScreen.tsx
index 4ae6156b..5dcebd0d 100644
--- a/src/ui/pages/Runes/RunesTokenScreen.tsx
+++ b/src/ui/pages/Runes/RunesTokenScreen.tsx
@@ -7,7 +7,7 @@ import { useTools } from '@/ui/components/ActionComponent';
 import { BRC20Ticker } from '@/ui/components/BRC20Ticker';
 import InscriptionPreview from '@/ui/components/InscriptionPreview';
 import { useCurrentAccount } from '@/ui/state/accounts/hooks';
-import { useOrdinalsWebsite, useUnisatWebsite } from '@/ui/state/settings/hooks';
+import { useBlockstreamUrl, useOrdinalsWebsite, useUnisatWebsite } from '@/ui/state/settings/hooks';
 import { colors } from '@/ui/theme/colors';
 import { fontSizes } from '@/ui/theme/font';
 import { copyToClipboard, useLocationState, useWallet } from '@/ui/utils';
@@ -93,6 +93,8 @@ export default function RunesTokenScreen() {
   const tools = useTools();
 
   const ordinalsWebsite = useOrdinalsWebsite();
+
+  const mempoolWebsite = useBlockstreamUrl();
   if (loading) {
     return (
       <Layout>
@@ -158,7 +160,14 @@ export default function RunesTokenScreen() {
             </Row>
           </Column>
 
-          <Text text={tokenSummary.runeInfo.spacedRune} preset="title-bold"></Text>
+          <Text
+            text={tokenSummary.runeInfo.spacedRune}
+            preset="title-bold"
+            onClick={() => {
+              copyToClipboard(tokenSummary.runeInfo.spacedRune).then(() => {
+                tools.toastSuccess('Copied');
+              });
+            }}></Text>
           {tokenSummary.runeLogo ? (
             <Row>
               <InscriptionPreview data={tokenSummary.runeLogo} preset="small" asLogo />
@@ -191,10 +200,16 @@ export default function RunesTokenScreen() {
 
             <Section title="symbol" value={tokenSummary.runeInfo.symbol} />
 
-            <Section title="holders" value={tokenSummary.runeInfo.holders} />
             <Section title="holders" value={tokenSummary.runeInfo.holders} />
 
             <Section title="transactions" value={tokenSummary.runeInfo.transactions} />
+
+            <Section
+              title="etching"
+              value={tokenSummary.runeInfo.etching}
+              link={`${mempoolWebsite}/tx/${tokenSummary.runeInfo.etching}`}
+            />
+
             {tokenSummary.runeInfo.parent ? (
               <Section
                 title="parent"
diff --git a/src/ui/pages/Runes/SendRunesScreen.tsx b/src/ui/pages/Runes/SendRunesScreen.tsx
index c3505482..b6cc7712 100644
--- a/src/ui/pages/Runes/SendRunesScreen.tsx
+++ b/src/ui/pages/Runes/SendRunesScreen.tsx
@@ -1,4 +1,4 @@
-import { Decimal } from 'decimal.js';
+import { BigNumber } from 'bignumber.js';
 import { useEffect, useMemo, useState } from 'react';
 import { useLocation } from 'react-router-dom';
 
@@ -68,13 +68,13 @@ export default function SendRunesScreen() {
     tools.showLoading(true);
     fetchAssetUtxosRunes(runeInfo.runeid)
       .then((utxos) => {
-        let balance = new Decimal(0);
+        let balance = new BigNumber(0);
         for (let i = 0; i < utxos.length; i++) {
           const utxo = utxos[i];
           if (utxo.runes) {
             utxo.runes.forEach((rune) => {
               if (rune.runeid === runeInfo.runeid) {
-                balance = balance.plus(new Decimal(rune.amount));
+                balance = balance.plus(new BigNumber(rune.amount));
               }
             });
           }