feat: update tags of xudt

1. hide supply-unlimited 2. rename rgbpp-compatible to rgb++ 3. hide rgbpp tags in xudt token list 4. display rgbpp tag on xudt detail page ref: 1. unlimited: Magickbase/ckb-explorer-public-issues#755 2. rgbpp: Magickbase/ckb-explorer-public-issues#755
nervosnetwork · Jul 17, 2024 · 3dd5604 · 3dd5604
1 parent 4150723
commit 3dd5604
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 15 deletions.
diff --git a/src/components/XUDTTag/index.tsx b/src/components/XUDTTag/index.tsx
@@ -3,7 +3,7 @@ import { useTranslation } from 'react-i18next'
 import { useHistory } from 'react-router-dom'
 import styles from './styles.module.scss'
 
-const HIDDEN_TAGS = ['duplicate', 'suspicious']
+const HIDDEN_TAGS = ['duplicate', 'suspicious', 'supply-unlimited']
 
 const XUDTTag = ({ tagName }: { tagName: string }) => {
   const { t } = useTranslation()
@@ -19,6 +19,13 @@ const XUDTTag = ({ tagName }: { tagName: string }) => {
     content = content.replace('Platform', tag.replace('verified-on-', ''))
     tag = 'verified-on'
   }
+
+  // FIXME: data should be updated in the backend
+  // issue: https://github.com/Magickbase/ckb-explorer-public-issues/issues/754
+  if (tag === 'rgbpp-compatible') {
+    content = 'RGB++'
+  }
+
   const handleClick = () => {
     const search = new URLSearchParams(window.location.search)
     const tags = search.get('tags')?.split(',') ?? []

diff --git a/src/pages/Xudt/UDTComp.tsx b/src/pages/Xudt/UDTComp.tsx
@@ -180,6 +180,13 @@ export const UDTOverviewCard = ({
     </div>
   )
 
+  const tags = xudt?.xudtTags ?? []
+  // FIXME: data should be updated in the backend
+  // issue: https://github.com/Magickbase/ckb-explorer-public-issues/issues/754
+  if (!tags.includes('rgbpp-compatible')) {
+    tags.unshift('rgbpp-compatible')
+  }
+
   return (
     <>
       <Card className={styles.udtOverviewCard} style={{ marginBottom: 16 }}>
@@ -194,7 +201,7 @@ export const UDTOverviewCard = ({
         />
 
         <div className={styles.tags}>
-          {xudt?.xudtTags?.map(tag => (
+          {tags.map(tag => (
             <XUDTTag tagName={tag} />
           ))}
         </div>

diff --git a/src/pages/Xudts/index.tsx b/src/pages/Xudts/index.tsx
@@ -52,18 +52,6 @@ const filterList = [
     title: <XUDTTag tagName="supply-limited" />,
     to: '/xudts',
   },
-  {
-    key: 'supply-unlimited',
-    value: 'supply-unlimited',
-    title: <XUDTTag tagName="supply-unlimited" />,
-    to: '/xudts',
-  },
-  {
-    key: 'rgbpp-compatible',
-    value: 'rgbpp-compatible',
-    title: <XUDTTag tagName="rgbpp-compatible" />,
-    to: '/xudts',
-  },
 ]
 
 const TokenInfo: FC<{ token: XUDT }> = ({ token }) => {
@@ -311,7 +299,12 @@ const Xudts = () => {
       throw new Error('Tokens empty')
     }
     return {
-      tokens,
+      tokens: tokens.map(token => ({
+        ...token,
+        // FIXME: data should be updated in the backend
+        // issue: https://github.com/Magickbase/ckb-explorer-public-issues/issues/754
+        xudtTags: token.xudtTags?.filter(tag => tag !== 'rgbpp-compatible'),
+      })),
       total,
       pageSize,
     }