From 1a7013e6e68d68fccc2a5d224521ad93a10f6476 Mon Sep 17 00:00:00 2001
From: Keith <keithwhisper@gmail.com>
Date: Tue, 1 Oct 2024 20:34:05 +0000
Subject: [PATCH] fix: fix typo

---
 src/pages/Address/Cells.tsx                 | 4 ++--
 src/pages/Address/InvalidRGBPPAssetList.tsx | 4 ++--
 src/pages/Address/RgbppAssets.tsx           | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/pages/Address/Cells.tsx b/src/pages/Address/Cells.tsx
index 5cdb8d8c5..4d632beaa 100644
--- a/src/pages/Address/Cells.tsx
+++ b/src/pages/Address/Cells.tsx
@@ -9,7 +9,7 @@ import SUDTTokenIcon from '../../assets/sudt_token.png'
 import CKBTokenIcon from './ckb_token_icon.png'
 import { ReactComponent as TypeHashIcon } from './type_script.svg'
 import { ReactComponent as DataIcon } from './data.svg'
-import { ReactComponent as SporeCluterIcon } from './spore_cluster.svg'
+import { ReactComponent as SporeClusterIcon } from './spore_cluster.svg'
 import { ReactComponent as SporeCellIcon } from './spore_cell.svg'
 import { ReactComponent as SortIcon } from '../../assets/sort_icon.svg'
 import { ReactComponent as TimeDownIcon } from '../../assets/time_down.svg'
@@ -182,7 +182,7 @@ const getCellDetails = (cell: LiveCell, t: TFunction) => {
       break
     }
     case 'spore_cluster': {
-      icon = <SporeCluterIcon />
+      icon = <SporeClusterIcon />
       assetName = 'Spore Cluster'
       assetTypeText = 'NFT'
       if (cell.data.length > ATTRIBUTE_LENGTH) {
diff --git a/src/pages/Address/InvalidRGBPPAssetList.tsx b/src/pages/Address/InvalidRGBPPAssetList.tsx
index feecc341b..b28677d5a 100644
--- a/src/pages/Address/InvalidRGBPPAssetList.tsx
+++ b/src/pages/Address/InvalidRGBPPAssetList.tsx
@@ -8,7 +8,7 @@ import CKBTokenIcon from './ckb_token_icon.png'
 import { ReactComponent as CopyIcon } from './copy.svg'
 import { ReactComponent as TypeHashIcon } from './type_script.svg'
 import { ReactComponent as DataIcon } from './data.svg'
-import { ReactComponent as SporeCluterIcon } from './spore_cluster.svg'
+import { ReactComponent as SporeClusterIcon } from './spore_cluster.svg'
 import { ReactComponent as SporeCellIcon } from './spore_cell.svg'
 import SmallLoading from '../../components/Loading/SmallLoading'
 import { parseUDTAmount } from '../../utils/number'
@@ -140,7 +140,7 @@ const getCellDetails = (cell: LiveCell, t: TFunction) => {
       break
     }
     case 'spore_cluster': {
-      icon = <SporeCluterIcon />
+      icon = <SporeClusterIcon />
       assetName = 'Spore Cluster'
       if (cell.data.length > ATTRIBUTE_LENGTH) {
         attribute = `${cell.data.slice(0, ATTRIBUTE_LENGTH)}...`
diff --git a/src/pages/Address/RgbppAssets.tsx b/src/pages/Address/RgbppAssets.tsx
index 46248a4d7..193cf5331 100644
--- a/src/pages/Address/RgbppAssets.tsx
+++ b/src/pages/Address/RgbppAssets.tsx
@@ -11,7 +11,7 @@ import CKBTokenIcon from './ckb_token_icon.png'
 import { ReactComponent as CopyIcon } from './copy.svg'
 import { ReactComponent as TypeHashIcon } from './type_script.svg'
 import { ReactComponent as DataIcon } from './data.svg'
-import { ReactComponent as SporeCluterIcon } from './spore_cluster.svg'
+import { ReactComponent as SporeClusterIcon } from './spore_cluster.svg'
 import { ReactComponent as SporeCellIcon } from './spore_cell.svg'
 import { ReactComponent as RedirectIcon } from '../../assets/redirect-icon.svg'
 import { ReactComponent as AlertIcon } from '../../assets/alert-icon.svg'
@@ -177,7 +177,7 @@ const getCellDetails = (cell: LiveCell, t: TFunction) => {
       break
     }
     case 'spore_cluster': {
-      icon = <SporeCluterIcon />
+      icon = <SporeClusterIcon />
       assetName = 'Spore Cluster'
       if (cell.data.length > ATTRIBUTE_LENGTH) {
         attribute = `${cell.data.slice(0, ATTRIBUTE_LENGTH)}...`