feat: update

Author: devchenyan

packages/neuron-ui/src/components/LockInfoDialog/index.tsx

@@ -35,19 +35,23 @@ const ShortAddr = ({
     return null
   }
 
-  const shortAddr = scriptToAddress(lockScript, { isMainnet, deprecated: true })
+  try {
+    const shortAddr = scriptToAddress(lockScript, { isMainnet, deprecated: true })
 
-  return (
-    <>
-      <div title={t('transaction.deprecated-address-format')} className={styles.title}>
-        {t('transaction.deprecated-address-format')}
-      </div>
-      <div className={styles.shortAddr}>
-        <span>{shortAddr}</span>
-        <Copy className={styles.copyIcon} onClick={() => onCopy(shortAddr)} />
-      </div>
-    </>
-  )
+    return (
+      <>
+        <div title={t('transaction.deprecated-address-format')} className={styles.title}>
+          {t('transaction.deprecated-address-format')}
+        </div>
+        <div className={styles.shortAddr}>
+          <span>{shortAddr}</span>
+          <Copy className={styles.copyIcon} onClick={() => onCopy(shortAddr)} />
+        </div>
+      </>
+    )
+  } catch (error) {
+    return null
+  }
 }
 
 const LockInfoDialog = ({ lockInfo, isMainnet, onDismiss }: LockInfoDialogProps) => {

packages/neuron-ui/src/components/MultisigAddress/index.tsx

@@ -445,7 +445,7 @@ const MultisigAddress = () => {
                             <div>
                               <div className={styles.titleWrap}>
                                 <p>Code_hash</p>
-                                <div className={clsx(styles.tag, item.isLegacy && styles.legacy)}>
+                                <div className={clsx(styles.badge, item.isLegacy && styles.legacy)}>
                                   {item.isLegacy ? 'Legacy' : 'Recommended'}
                                 </div>
                               </div>

packages/neuron-ui/src/components/MultisigAddress/multisigAddress.module.scss

@@ -141,7 +141,7 @@
       color: var(--main-text-color);
       font-weight: 500;
 
-      .tag {
+      .badge {
         font-size: 12px;
         line-height: 18px;
         color: var(--tabs-active);

packages/neuron-ui/src/components/ScriptTag/index.tsx

@@ -11,6 +11,9 @@ import {
   ChequeLockInfoOnLina,
   clsx,
 } from 'utils'
+import Tooltip from 'widgets/Tooltip'
+import CopyZone from 'widgets/CopyZone'
+import { Copy } from 'widgets/Icons/icon'
 import styles from './scriptTag.module.scss'
 
 const ScriptTag = ({
@@ -45,6 +48,36 @@ const ScriptTag = ({
     return null
   }
 
+  if (LegacyMultiSigLockInfo.TagName === foundLock.TagName || MultiSigLockInfo.TagName === foundLock.TagName) {
+    const isLegacy = LegacyMultiSigLockInfo.TagName === foundLock.TagName
+    return (
+      <div className={clsx(styles.tagWrap, className)}>
+        <Tooltip
+          tip={
+            <div>
+              <div className={styles.titleWrap}>
+                <p>Code_hash</p>
+                <div className={clsx(styles.badge, isLegacy && styles.legacy)}>
+                  {isLegacy ? 'Legacy' : 'Recommended'}
+                </div>
+              </div>
+              <CopyZone content={foundLock.CodeHash} className={styles.copyLockCodeHash}>
+                {foundLock.CodeHash}
+                <Copy />
+              </CopyZone>
+            </div>
+          }
+          showTriangle
+          placement="top"
+        >
+          <button type="button" className={styles.tag} onClick={onClick}>
+            Multisig
+            <span className={clsx(!isLegacy && styles.highlight)}>(@{foundLock.CodeHash.slice(0, 8)})</span>
+          </button>
+        </Tooltip>
+      </div>
+    )
+  }
   return (
     <button type="button" className={clsx(styles.tag, className)} onClick={onClick}>
       {foundLock.TagName}

packages/neuron-ui/src/components/ScriptTag/scriptTag.module.scss

@@ -1,3 +1,36 @@
+@import '../../styles/mixin.scss';
+
+.tagWrap {
+  display: inline-block;
+
+  .titleWrap {
+    display: flex;
+    align-items: center;
+    column-gap: 4px;
+    color: var(--main-text-color);
+    font-weight: 500;
+
+    .badge {
+      font-size: 12px;
+      line-height: 18px;
+      color: var(--tabs-active);
+      font-weight: 500;
+      background: var(--tag-background-color);
+      padding: 0 4px;
+      border-radius: 2px;
+      max-width: 200px;
+    }
+    .legacy {
+      color: var(--third-text-color);
+      background: var(--input-border-color);
+    }
+  }
+
+  .copyLockCodeHash {
+    @include copyAddress;
+  }
+}
+
 .tag {
   margin: auto 4px;
   padding: 0 6px;
@@ -6,4 +39,8 @@
   background-color: var(--script-tag-background-color);
   color: var(--script-tag-color);
   cursor: pointer;
+
+  .highlight {
+    color: var(--primary-color);
+  }
 }

packages/neuron-ui/src/utils/enums.ts

@@ -155,15 +155,15 @@ export enum LegacyMultiSigLockInfo {
   HashType = 'type',
   CodeHashIndex = '0x01',
   ArgsLen = '20',
-  TagName = 'secp256k1/multisig/@5c5069eb',
+  TagName = 'Multisig(@5c5069eb)',
 }
 
 export enum MultiSigLockInfo {
   CodeHash = '0x36c971b8d41fbd94aabca77dc75e826729ac98447b46f91e00796155dddb0d29',
   HashType = 'data1',
   CodeHashIndex = '0x01',
   ArgsLen = '20',
-  TagName = 'secp256k1/multisig/@36c971b8',
+  TagName = 'Multisig(@36c971b8)',
 }
 
 export enum LocktimeLockInfo {