feat: show utility tag

nervosnetwork · Aug 29, 2024 · fe05a3a · fe05a3a
1 parent 32a0721
commit fe05a3a
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 1 deletion.
diff --git a/src/components/XUDTTag/index.tsx b/src/components/XUDTTag/index.tsx
@@ -4,7 +4,7 @@ import { useHistory } from 'react-router-dom'
 import { Popover } from 'antd'
 import styles from './styles.module.scss'
 
-const HIDDEN_TAGS = ['duplicate', 'suspicious', 'utility', 'supply-unlimited', 'out-of-length-range']
+const HIDDEN_TAGS = ['duplicate', 'suspicious', 'supply-unlimited', 'out-of-length-range']
 
 const XUDTTag = ({ tagName, to, tooltip = false }: { tagName: string; to?: string; tooltip?: boolean }) => {
   const { t, i18n } = useTranslation()

diff --git a/src/components/XUDTTag/styles.module.scss b/src/components/XUDTTag/styles.module.scss
@@ -79,6 +79,12 @@
     color: #fa504f;
   }
 
+  &[data-type='utility'] {
+    background: #d9f4ff;
+    border-color: #61c7fa;
+    color: #2b98e0;
+  }
+
   span {
     font-size: 12px;
     font-style: normal;

diff --git a/src/pages/Xudts/index.tsx b/src/pages/Xudts/index.tsx
@@ -56,6 +56,12 @@ const getfilterList = (t: TFunction) => [
     title: <XUDTTag tagName="supply-limited" />,
     to: '/xudts',
   },
+  {
+    key: 'utility',
+    value: t('xudt.tags.utility'),
+    title: <XUDTTag tagName="utility" />,
+    to: '/xudts',
+  },
 ]
 
 const TokenInfo: FC<{ token: XUDT }> = ({ token }) => {