From 5ecba3b28370c8a79e495bc8f66a2c193f39035b Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Tue, 26 Dec 2023 21:04:32 +0800
Subject: [PATCH] support metadata

---
 src/components/ProposalListItem.vue       | 19 ++++++++++++-------
 src/modules/[chain]/gov/[proposal_id].vue | 12 ++++++++----
 src/types/gov.ts                          |  1 +
 3 files changed, 21 insertions(+), 11 deletions(-)

diff --git a/src/components/ProposalListItem.vue b/src/components/ProposalListItem.vue
index 7ee0ce59..98b52106 100644
--- a/src/components/ProposalListItem.vue
+++ b/src/components/ProposalListItem.vue
@@ -9,7 +9,7 @@ import { select } from '@/components/dynamic/index';
 import type { PaginatedProposals } from '@/types';
 import ProposalProcess from './ProposalProcess.vue';
 import type { PropType } from 'vue';
-import { ref } from 'vue';
+import { computed, ref } from 'vue';
 const dialog = useTxDialog();
 defineProps({
   proposals: { type: Object as PropType<PaginatedProposals> },
@@ -38,6 +38,11 @@ const voterStatusMap: Record<string, string> = {
 };
 
 const proposalInfo = ref();
+
+function metaItem(metadata: string|undefined): { title: string; summary: string } {
+  return metadata ? JSON.parse(metadata) : {}
+}
+
 </script>
 <template>
   <div class="bg-white dark:bg-[#28334e] rounded text-sm">
@@ -59,13 +64,13 @@ const proposalInfo = ref();
                 :to="`/${chain.chainName}/gov/${item?.proposal_id}`"
                 class="text-main text-base mb-1 block hover:text-indigo-400 truncate"
               >
-                {{ item?.content?.title || item?.title }}
+                {{ item?.content?.title || item?.title || metaItem(item?.metadata)?.title }}
               </RouterLink>
               <div
                 v-if="item.content"
                 class="bg-[#f6f2ff] text-[#9c6cff] dark:bg-gray-600 dark:text-gray-300 inline-block rounded-full px-2 py-[1px] text-xs mb-1"
               >
-                {{ showType(item.content['@type']) }}
+                {{ showType(item.content['@type']) }} 
               </div>
             </div>
           </td>
@@ -144,7 +149,7 @@ const proposalInfo = ref();
           <RouterLink
             :to="`/${chain.chainName}/gov/${item?.proposal_id}`"
             class="flex-1 w-0 truncate mr-4"
-            >{{ item?.content?.title || item?.title }}</RouterLink
+            >{{ item?.content?.title || item?.title || metaItem(item?.metadata)?.title }}</RouterLink
           >
           <label
             for="proposal-detail-modal"
@@ -237,9 +242,9 @@ const proposalInfo = ref();
         <h3 class="font-bold text-lg">Description</h3>
         <p class="py-4">
           <Component
-            v-if="proposalInfo?.content?.description || proposalInfo?.summary"
-            :is="select(proposalInfo?.content?.description || proposalInfo?.summary, 'horizontal')"
-            :value="proposalInfo?.content?.description || proposalInfo?.summary"
+            v-if="proposalInfo?.content?.description || proposalInfo?.summary || metaItem(proposalInfo?.metadata)?.summary"
+            :is="select(proposalInfo?.content?.description || proposalInfo?.summary || metaItem(proposalInfo?.metadata)?.summary, 'horizontal')"
+            :value="proposalInfo?.content?.description || proposalInfo?.summary || metaItem(proposalInfo?.metadata)?.summary"
           >
           </Component>
         </p>
diff --git a/src/modules/[chain]/gov/[proposal_id].vue b/src/modules/[chain]/gov/[proposal_id].vue
index c96e7b87..ec3650f3 100644
--- a/src/modules/[chain]/gov/[proposal_id].vue
+++ b/src/modules/[chain]/gov/[proposal_id].vue
@@ -185,14 +185,18 @@ function pageload(p: number) {
     pageResponse.value = x.pagination;
   });
 }
+
+function metaItem(metadata: string|undefined): { title: string; summary: string } {
+  return metadata ? JSON.parse(metadata) : {}
+}
 </script>
 
 <template>
   <div>
     <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
-      <h2 class="card-title flex flex-col md:!justify-between md:!flex-row">
+      <h2 class="card-title flex flex-col md:!justify-between md:!flex-row mb-2">
         <p class="truncate w-full">
-          {{ proposal_id }}. {{ proposal.title || proposal.content?.title }}
+          {{ proposal_id }}. {{ proposal.title || proposal.content?.title || metaItem(proposal?.metadata)?.title  }}
         </p>
         <div
           class="badge badge-ghost"
@@ -210,9 +214,9 @@ function pageload(p: number) {
       <div class="">
         <ObjectElement :value="proposal.content" />
       </div>
-      <div v-if="proposal.summary && !proposal.content?.description">
+      <div v-if="proposal.summary && !proposal.content?.description || metaItem(proposal?.metadata)?.summary ">
         <MdEditor
-          :model-value="format.multiLine(proposal.summary)"
+          :model-value="format.multiLine(proposal.summary || metaItem(proposal?.metadata)?.summary)"
           previewOnly
           class="md-editor-recover"
         ></MdEditor>
diff --git a/src/types/gov.ts b/src/types/gov.ts
index ead2546e..96dbe070 100644
--- a/src/types/gov.ts
+++ b/src/types/gov.ts
@@ -24,6 +24,7 @@ export interface GovProposal {
   title?: string;
   summary?: string;
   proposal_id: string;
+  metadata?: string;
   content: {
     '@type': string;
     title?: string;