From 4db126c076b8c76759e2147363f96f84bcb27986 Mon Sep 17 00:00:00 2001
From: "Alisa | Side.one" <alisa@side.one>
Date: Fri, 12 May 2023 20:37:01 +0800
Subject: [PATCH] feat: contracts

---
 .../[chain]/cosmwasm/[code_id]/contracts.vue  | 24 ++++++++++++-------
 src/modules/[chain]/cosmwasm/index.vue        |  2 +-
 src/modules/[chain]/ibc/[connection_id].vue   | 20 ++++++++--------
 src/modules/[chain]/ibc/index.vue             |  4 ++--
 4 files changed, 29 insertions(+), 21 deletions(-)

diff --git a/src/modules/[chain]/cosmwasm/[code_id]/contracts.vue b/src/modules/[chain]/cosmwasm/[code_id]/contracts.vue
index bdaf12a8..9f3e888e 100644
--- a/src/modules/[chain]/cosmwasm/[code_id]/contracts.vue
+++ b/src/modules/[chain]/cosmwasm/[code_id]/contracts.vue
@@ -94,12 +94,14 @@ const result = ref('');
 <template>
   <div>
     <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
-      <h2 class="card-title truncate w-full">Contract List of Code: {{ props.code_id }}</h2>
+      <h2 class="card-title truncate w-full">
+        Contract List of Code: {{ props.code_id }}
+      </h2>
       <div class="overflow-x-auto">
-        <table class="table  w-full mt-4">
+        <table class="table w-full mt-4">
           <thead>
             <tr>
-              <th style="position: relative;">Contract List</th>
+              <th style="position: relative">Contract List</th>
               <th>Actions</th>
             </tr>
           </thead>
@@ -110,22 +112,28 @@ const result = ref('');
                 <button
                   class="btn btn-primary btn-sm text-xs mr-2"
                   @click="showInfo(v)"
-                  >contract</button>
+                >
+                  contract
+                </button>
                 <button
                   class="btn btn-primary btn-sm text-xs mr-2"
                   @click="showState(v)"
-                >States</button>
+                >
+                  States
+                </button>
                 <button
                   class="btn btn-primary btn-sm text-xs"
                   @click="showQuery(v)"
-                >Query</button>
+                >
+                  Query
+                </button>
               </td>
             </tr>
           </tbody>
         </table>
       </div>
     </div>
-   
+
     <v-dialog v-model="infoDialog" width="auto">
       <v-card>
         <VCardTitle>Contract Detail</VCardTitle>
@@ -160,7 +168,7 @@ const result = ref('');
         </v-card-actions>
       </v-card>
     </v-dialog>
-    
+
     <v-dialog v-model="queryDialog" width="auto">
       <v-card>
         <VCardTitle>Query Contract</VCardTitle>
diff --git a/src/modules/[chain]/cosmwasm/index.vue b/src/modules/[chain]/cosmwasm/index.vue
index d2e5b1c7..cf6febe1 100644
--- a/src/modules/[chain]/cosmwasm/index.vue
+++ b/src/modules/[chain]/cosmwasm/index.vue
@@ -20,7 +20,7 @@ wasmStore.wasmClient.getWasmCodeList().then((x) => {
       <table class="table w-full mt-4 text-sm">
         <thead>
           <tr>
-            <th style="position: relative;">Code Id</th>
+            <th style="position: relative">Code Id</th>
             <th>Code Hash</th>
             <th>Creator</th>
             <th>Permissions</th>
diff --git a/src/modules/[chain]/ibc/[connection_id].vue b/src/modules/[chain]/ibc/[connection_id].vue
index 2bd4a7ec..8803d219 100644
--- a/src/modules/[chain]/ibc/[connection_id].vue
+++ b/src/modules/[chain]/ibc/[connection_id].vue
@@ -136,16 +136,16 @@ function color(v: string) {
             <td>{{ v.version }}</td>
             <td>{{ v.ordering }}</td>
             <td>
-              <div 
-                  class="text-xs truncate relative py-2 px-4 rounded-full w-fit"
-                  :class="`text-${color(v.state)}`"
-                >
-                  <span 
-                    class="inset-x-0 inset-y-0 opacity-10 absolute"
-                    :class="`bg-${color(v.state)}`"
-                  ></span>
-                  {{ v.state }}
-                </div>
+              <div
+                class="text-xs truncate relative py-2 px-4 rounded-full w-fit"
+                :class="`text-${color(v.state)}`"
+              >
+                <span
+                  class="inset-x-0 inset-y-0 opacity-10 absolute"
+                  :class="`bg-${color(v.state)}`"
+                ></span>
+                {{ v.state }}
+              </div>
             </td>
           </tr>
         </tbody>
diff --git a/src/modules/[chain]/ibc/index.vue b/src/modules/[chain]/ibc/index.vue
index aac5745c..1205035e 100644
--- a/src/modules/[chain]/ibc/index.vue
+++ b/src/modules/[chain]/ibc/index.vue
@@ -48,11 +48,11 @@ function color(v: string) {
               </td>
               <td>{{ v.delay_period }}</td>
               <td>
-                <div 
+                <div
                   class="text-xs truncate relative py-2 px-4 rounded-full w-fit"
                   :class="`text-${color(v.state)}`"
                 >
-                  <span 
+                  <span
                     class="inset-x-0 inset-y-0 opacity-10 absolute"
                     :class="`bg-${color(v.state)}`"
                   ></span>