@instadapp/avocado-base 0.0.0-dev.261e34f → 0.0.0-dev.2a7b27e

package/components/metadata/Transfer.vue

@@ -0,0 +1,46 @@
+<script setup lang="ts">
+
+const props = defineProps<{
+  metadata: any;
+  chain_id: number | string
+}>();
+
+const compact = inject('compact');
+
+const token = asyncComputed(() => {
+  if (!props?.chain_id) return null;
+
+  return fetchTokenByAddress(
+    props.metadata?.token,
+    props?.chain_id
+  );
+});
+
+const formattedAmount = computed(() =>
+  formatDecimal(
+    fromWei(props.metadata?.amount, token?.value?.decimals).toFixed()
+  )
+);
+</script>
+
+<template>
+  <div v-if="!token" class="rounded-5 w-24 h-4 loading-box" />
+  <div class="flex items-center gap-5" v-else>
+    <span v-if="!compact" class="capitalize text-xs sm:text-sm">{{ metadata.type }}</span>
+    <span class="inline-flex gap-2.5 items-center">
+      {{ formattedAmount }}
+      <span class="uppercase">{{ token?.symbol }}</span>
+      <img width="20" height="20" class="w-5 h-5" :src="token?.logo_url" />
+      <SvgoArrowRight class="w-4 h-4 text-slate-400 mx-2" />
+      <NuxtLink
+        class="text-primary"
+        target="_blank"
+        external
+        :to="
+          getExplorerUrl(chain_id, `/address/${metadata.receiver}`)
+        "
+        >{{ shortenHash(metadata.receiver) }}
+        </NuxtLink>
+    </span>
+  </div>
+</template>

package/components.d.ts

@@ -0,0 +1,13 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+export {}
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+  }
+}