feat(typeId): show type id from the property "id" in response

Magickbase · Sep 24, 2023 · 3bb17ad · 3bb17ad
1 parent 74bcdf4
commit 3bb17ad
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 7 deletions.
diff --git a/src/pages/Script/index.tsx b/src/pages/Script/index.tsx
@@ -39,7 +39,7 @@ const scriptHashNameMap = new Map<string, string>(
 )
 
 const getScriptInfo = (scriptInfo: ScriptInfo) => {
-  const { scriptName, scriptType, typeId, codeHash, hashType, capacityOfDeployedCells, capacityOfReferringCells } =
+  const { scriptName, scriptType, id, codeHash, hashType, capacityOfDeployedCells, capacityOfReferringCells } =
     scriptInfo
   const items: OverviewItemData[] = [
     {
@@ -58,8 +58,7 @@ const getScriptInfo = (scriptInfo: ScriptInfo) => {
     },
     {
       title: i18n.t('scripts.type_id'),
-      tooltip: i18n.t('glossary.type_id'),
-      content: typeId || '-',
+      content: <span className={styles.typeId}>{id || '-'}</span>,
     },
     {
       title: i18n.t('scripts.code_hash'),
@@ -123,10 +122,9 @@ export const ScriptPage = () => {
     status === 'success' && resp
       ? toCamelcase<Response.Response<ScriptInfo>>(resp?.data)!.data
       : ({
-          id: 0,
+          id: '-',
           scriptName: '',
           scriptType: '',
-          typeId: '',
           codeHash,
           hashType,
           capacityOfDeployedCells: '0',

diff --git a/src/pages/Script/styles.module.scss b/src/pages/Script/styles.module.scss
@@ -143,3 +143,8 @@
 .hashType {
   text-transform: capitalize;
 }
+
+.typeId {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
diff --git a/src/pages/Script/types.ts b/src/pages/Script/types.ts
@@ -1,8 +1,7 @@
 export interface ScriptInfo {
-  id: number
+  id: string
   scriptName: string
   scriptType: string
-  typeId: string
   codeHash: string
   hashType: 'type' | 'data'
   capacityOfDeployedCells: string