From 8fb6a952de99ff50b3fef07a61e6e2b1e5c6ff18 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Wed, 3 May 2023 17:54:31 +0800
Subject: [PATCH] decode contract states

---
 src/modules/[chain]/cosmwasm/WasmStore.ts            |  1 -
 src/modules/[chain]/cosmwasm/[code_id]/contracts.vue | 11 +++++++----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/modules/[chain]/cosmwasm/WasmStore.ts b/src/modules/[chain]/cosmwasm/WasmStore.ts
index 6e753a97..7f4c5fba 100644
--- a/src/modules/[chain]/cosmwasm/WasmStore.ts
+++ b/src/modules/[chain]/cosmwasm/WasmStore.ts
@@ -1,6 +1,5 @@
 import { BaseRestClient } from "@/libs/client";
 import { adapter, type AbstractRegistry, type Request } from "@/libs/registry";
-import type { PaginabledAccounts } from "@/types";
 import { defineStore } from "pinia";
 import type { CodeInfo, ContractInfo, PaginabledCodeInfos, PaginabledContractHistory, PaginabledContracts, PaginabledContractStates, WasmParam } from "./types";
 import { toBase64 } from "@cosmjs/encoding";
diff --git a/src/modules/[chain]/cosmwasm/[code_id]/contracts.vue b/src/modules/[chain]/cosmwasm/[code_id]/contracts.vue
index 9c4c5da2..a6f7cc0f 100644
--- a/src/modules/[chain]/cosmwasm/[code_id]/contracts.vue
+++ b/src/modules/[chain]/cosmwasm/[code_id]/contracts.vue
@@ -1,11 +1,12 @@
 <script lang="ts" setup>
-import { useBlockchain, useFormatter } from '@/stores';
+import { fromHex } from "@cosmjs/encoding";
 import { useWasmStore } from '../WasmStore';
 import { ref } from 'vue';
 import type { ContractInfo, PaginabledContractStates, PaginabledContracts } from '../types';
 import DynamicComponent from '@/components/dynamic/DynamicComponent.vue';
 import type CustomRadiosVue from '@/plugins/vuetify/@core/components/CustomRadios.vue';
 import type { CustomInputContent } from '@/plugins/vuetify/@core/types';
+import { useFormatter } from "@/stores";
 
 const props = defineProps(['code_id', 'chain', ])
 
@@ -15,6 +16,7 @@ const wasmStore = useWasmStore()
 wasmStore.wasmClient.getWasmCodeContracts(props.code_id).then(x =>{ 
     response.value = x
 })
+const format = useFormatter()
 const infoDialog = ref(false)
 const stateDialog = ref(false)
 const queryDialog = ref(false)
@@ -80,6 +82,7 @@ const radioContent: CustomInputContent[] = [
 const selectedRadio = ref('raw')
 const query = ref("")
 const result = ref("")
+
 </script>
 <template>
     <div>
@@ -116,10 +119,10 @@ const result = ref("")
                 <VList>
                     <VListItem v-for="v in state.models">
                         <VListItemTitle>
-                            {{ v.value }}
+                            {{ format.hexToString(v.key)  }}
                         </VListItemTitle>
-                        <VListItemSubtitle>
-                            {{ v.key }}
+                        <VListItemSubtitle :title="format.base64ToString(v.value)">
+                            {{ format.base64ToString(v.value) }}
                         </VListItemSubtitle>
                     </VListItem>
                 </VList>