@instadapp/avocado-base 0.0.0-dev.bea2ccb → 0.0.0-dev.bf10ad8

package/components/metadata/Transfer.vue

@@ -47,16 +47,16 @@ const contactName = computed(() => {
       <span class="uppercase">{{ token?.symbol }}</span>
       </span>
       <img width="20" height="20" class="w-5 h-5" :src="token?.logo_url" />
-      <SvgoArrowRight class="w-4 h-4 text-slate-400" />
+      <SvgoArrowRight class="w-4 h-4 text-slate-400 mx-2" />
       <NuxtLink
         class="text-primary"
         target="_blank"
         external
+        v-tippy="{ content: metadata.receiver, maxWidth: 'none', interactive: true, }"
         :to="
           getExplorerUrl(chain_id, `/address/${metadata.receiver}`)
         "
-        >
-        <Address :address="metadata.receiver"/>
+        >{{ shortenHash(metadata.receiver) }} 
         </NuxtLink>
         <span v-if="contactName">
           ({{ contactName }})

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instadapp/avocado-base",
-  "version": "0.0.0-dev.bea2ccb",
+  "version": "0.0.0-dev.bf10ad8",
   "type": "module",
   "main": "./nuxt.config.ts",
   "types": "global.d.ts",

package/components/Address.vue

@@ -1,39 +0,0 @@
-<script setup lang="ts">
-
-const props = defineProps<{
-   address: string
-}>();
-
-
-function onMouseEnter() {
-    const elements = document.querySelectorAll(`[data-highlight-target="${props.address}"]`);
-
-    elements.forEach((element) => {
-        element.classList.add('address-active');
-    });
-}
-
-function onMouseLeave() {
-    const elements = document.querySelectorAll(`[data-highlight-target="${props.address}"]`);
-
-    elements.forEach((element) => {
-        element.classList.remove('address-active');
-    });
-}
-</script>
-
-<template>
-    <div 
-    v-tippy="{ content: address, maxWidth: 'none', placement : 'bottom' }"
-    class="px-1 leading-[18px] border border-dashed border-opacity-0 border-yellow-500" @mouseenter="onMouseEnter" @mouseleave="onMouseLeave" :data-highlight-target="address">{{  shortenHash(address) }}
-</div>
-</template>
-
-
-<style>
-.address-active {
-    @apply border-opacity-100 bg-yellow-500/10;
-    border-radius: 0.375rem;
-}
-
-</style>