From 53e6f7dde5bd221c8ed5e206e2e9c0c28d93a5a9 Mon Sep 17 00:00:00 2001
From: "Alisa | Side.one" <alisa@side.one>
Date: Sat, 6 May 2023 12:23:37 +0800
Subject: [PATCH] feat: governance card

---
 src/components/dynamic/ObjectElement.vue  |  4 ++--
 src/modules/[chain]/gov/[proposal_id].vue | 17 +++++++++++++----
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/components/dynamic/ObjectElement.vue b/src/components/dynamic/ObjectElement.vue
index 1f61ea98..c45a32fa 100644
--- a/src/components/dynamic/ObjectElement.vue
+++ b/src/components/dynamic/ObjectElement.vue
@@ -6,7 +6,7 @@ const props = defineProps(["value"]);
 
 </script>
 <template>
-    <VTable>
+    <table class="table">
         <tbody>
             <tr v-for="(v, k) of value">
                 <td class="text-capitalize" style="max-width: 200px;">{{ k }}</td>
@@ -15,5 +15,5 @@ const props = defineProps(["value"]);
                 </td>
             </tr>
         </tbody>
-    </VTable>
+    </table>
 </template>
\ No newline at end of file
diff --git a/src/modules/[chain]/gov/[proposal_id].vue b/src/modules/[chain]/gov/[proposal_id].vue
index 68702f8d..38324c33 100644
--- a/src/modules/[chain]/gov/[proposal_id].vue
+++ b/src/modules/[chain]/gov/[proposal_id].vue
@@ -140,17 +140,26 @@ const abstain = computed(()=> {
 
 <template>
 <div>
-    <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4">
+    <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">
             <p class="truncate w-full">{{ proposal_id }}. {{ proposal.content?.title }} </p>
-            <VChip label :color="color" class="justify-self-end">{{ status }}</VChip>
+            <div 
+                class="badge badge-ghost"
+                :class="
+                    color === 'success'
+                    ? 'text-yes'
+                    : color === 'error'
+                    ? 'text-no'
+                    : 'text-info'
+                "
+            >{{ status }}</div>
         </h2>
         <div class="">
             <ObjectElement :value="proposal.content"/>
         </div>
     </div>
 
-    <!-- <VCard>
+    <VCard>
         <VCardItem>
         <VCardTitle>
             {{ proposal_id }}. {{ proposal.content?.title }} <VChip label :color="color" class="float-right">{{ status }}</VChip>
@@ -158,7 +167,7 @@ const abstain = computed(()=> {
             <ObjectElement :value="proposal.content"/>
         </VCardItem>
     </VCard>
-     -->
+    
     <VRow class="my-5">
         <VCol cols=12 md="4">
             <VCard class="h-100">