feat: fix filter options, don't display none values, make ipfs metada…

…ta a link Signed-off-by: Tim Schmidt <tim@launchbadge.com>
hashgraph · Oct 11, 2023 · 3f04587 · 3f04587
1 parent 787b5bf
commit 3f04587
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 9 deletions.
diff --git a/src/components/transaction/TransactionFilterSelect.vue b/src/components/transaction/TransactionFilterSelect.vue
@@ -82,9 +82,9 @@ export function makeFilterValues(nftFilter: boolean): string[] {
     .sort((a, b) => {
       return makeTypeLabel(a as TransactionType) < makeTypeLabel(b as TransactionType) ? -1 : 1;
     })
-  if(nftFilter) {
+  if (nftFilter) {
     result = result.filter(el => {
-      return el === "CRYPTOTRANSFER" || el.startsWith("TOKEN");
+      return el === "CRYPTOTRANSFER" || el === "TOKENMINT" || el === "CRYPTOAPPROVEALLOWANCE" || el === "CRYPTODELETEALLOWANCE" || el === "TOKENWIPE" || el === "TOKENBURN" || el === "TOKENDELETION";
     })
   }
   result.splice(0, 0, "")

diff --git a/src/components/values/BlobValue.vue b/src/components/values/BlobValue.vue
@@ -24,6 +24,7 @@
 
 <template>
   <a v-if="isURL && blobValue" v-bind:href="blobValue">{{ blobValue }}</a>
+  <a v-else-if="ipfsAddress" :href="ipfsAddress">{{ decodedValue }}</a>
   <div v-else-if="jsonValue"
        class="h-is-json is-inline-block has-text-left is-family-monospace h-is-text-size-3">{{ jsonValue }}</div>
   <template v-else-if="blobValue">
@@ -122,6 +123,13 @@ export default defineComponent({
       return result
     })
 
+    const ipfsAddress = computed(() => {
+      if (decodedValue.value.startsWith("ipfs://") && decodedValue.value.length > 7) {
+        return `https://ipfs.io/ipfs/${decodedValue.value.substring(7)}`
+      }
+      return null
+    })
+
     const initialLoading = inject(initialLoadingKey, ref(false))
 
     return {
@@ -130,7 +138,8 @@ export default defineComponent({
       isURL,
       jsonValue,
       decodedValue,
-      initialLoading
+      initialLoading,
+      ipfsAddress
     }
   }
 })

diff --git a/src/pages/NftDetails.vue b/src/pages/NftDetails.vue
@@ -57,15 +57,15 @@
           <template #value>
             <AccountLink
               :account-id="nftInfo?.account_id"
-              :show-none="true"
+              :show-none="false"
             />
           </template>
         </Property>
         <Property id="createdTimestamp">
           <template #name>Created Timestamp</template>
           <template #value>
             <TimestampValue
-              :show-none="true"
+              :show-none="false"
               :timestamp="nftInfo?.created_timestamp"
             />
           </template>
@@ -75,7 +75,7 @@
           <template #value>
             <AccountLink
               :account-id="nftInfo?.delegating_spender"
-              :show-none="true"
+              :show-none="false"
             />
           </template>
         </Property>
@@ -85,7 +85,7 @@
             <BlobValue
               :base64="true"
               :blob-value="nftInfo?.metadata"
-              :show-none="true"
+              :show-none="false"
             />
           </template>
         </Property>
@@ -94,7 +94,7 @@
           <template #value>
             <TimestampValue
               :timestamp="nftInfo?.modified_timestamp"
-              :show-none="true"
+              :show-none="false"
             />
           </template>
         </Property>
@@ -103,7 +103,7 @@
           <template #value>
             <AccountLink
               :account-id="nftInfo?.spender_id"
-              :show-none="true"
+              :show-none="false"
             />
           </template>
         </Property>