From f0225657b80a6ffbd945119e95dfa73910599c0c Mon Sep 17 00:00:00 2001
From: Pham Tu <tubackkhoa@gmail.com>
Date: Mon, 5 Feb 2024 17:51:18 +0700
Subject: [PATCH] try decode base64 as obj

---
 src/components/ProposalProcess.vue          | 2 +-
 src/components/dynamic/ArrayElement.vue     | 3 ++-
 src/components/dynamic/DynamicComponent.vue | 5 +++--
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/ProposalProcess.vue b/src/components/ProposalProcess.vue
index 76c7089f..68f3915a 100644
--- a/src/components/ProposalProcess.vue
+++ b/src/components/ProposalProcess.vue
@@ -13,7 +13,7 @@ const props = defineProps({
     }>,
   },
 });
-console.log(props);
+
 const total = computed(() => props.pool?.bondedTokens);
 const format = useFormatter();
 const yes = computed(() =>
diff --git a/src/components/dynamic/ArrayElement.vue b/src/components/dynamic/ArrayElement.vue
index 8b5b8e15..2854a45f 100644
--- a/src/components/dynamic/ArrayElement.vue
+++ b/src/components/dynamic/ArrayElement.vue
@@ -3,7 +3,7 @@ import ArrayBytesElement from './ArrayBytesElement.vue';
 import ArrayObjectElement from './ArrayObjectElement.vue';
 import TextElement from './TextElement.vue';
 import ArrayCoinElement from './ArrayCoinElement.vue';
-import ArrayStringElement from './ArrayStringElement.vue'
+import ArrayStringElement from './ArrayStringElement.vue';
 
 const props = defineProps({
   value: { type: Array<Object> },
@@ -23,6 +23,7 @@ function selectByElement() {
         return ArrayObjectElement;
     }
   }
+
   return TextElement;
 }
 </script>
diff --git a/src/components/dynamic/DynamicComponent.vue b/src/components/dynamic/DynamicComponent.vue
index d2c2b137..30863b67 100644
--- a/src/components/dynamic/DynamicComponent.vue
+++ b/src/components/dynamic/DynamicComponent.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { fromBase64 } from '@cosmjs/encoding';
+import { fromBinary } from '@cosmjs/cosmwasm-stargate';
 import { computed } from 'vue';
 import { select, decodeProto } from './index';
 
@@ -8,8 +8,9 @@ const props = defineProps(['value', 'direct']);
 const selectValue = computed(() => {
   if (typeof props.value === 'string') {
     try {
-      return fromBase64(props.value);
+      return fromBinary(props.value);
     } catch {}
+    return props.value;
   } else if (props.value?.typeUrl) {
     return { typeUrl: props.value.typeUrl, value: decodeProto(props.value) };
   }