fix: If user look at the activity of the selected account, then in th…

…e third step the view will break (#672)

Co-authored-by: Michele F. <michele-franchi@users.noreply.github.com>

src/components/AccountActivityCell.vue

@@ -95,6 +95,8 @@ const activityDescription = computed(() => {
     return 'Internal transfer'
   case 'Aex9TransferEvent':
     return 'Transferred to'
+  case 'Aex141TransferEvent':
+    return 'Transferred to'
   case 'InternalContractCallEvent':
     return 'Internal call'
   default:

src/components/AccountActivityDataCell.vue

@@ -42,7 +42,8 @@ const isActivityCell = computed(() => {
       props.activity.type === 'NamePreclaimTxEvent' ||
       props.activity.type === 'InternalContractCallEvent' ||
       props.activity.type === 'InternalTransferEvent' ||
-      props.activity.type === 'Aex9TransferEvent') {
+      props.activity.type === 'Aex9TransferEvent' ||
+      props.activity.type === 'Aex141TransferEvent') {
     return true
   } else {
     return false

src/components/AccountActivityDataCellAex141TransferEvent.vue

@@ -0,0 +1,24 @@
+<template>
+  <value-hash-ellipsed
+    :hash="activityPayload.recipientId"
+    :link-to="`/accounts/${activityPayload.recipientId}`"/>
+
+  <app-chip size="sm">
+    {{ activityPayload.tokenName }}
+  </app-chip>
+</template>
+
+<script setup>
+import AppChip from '@/components/AppChip'
+import ValueHashEllipsed from '@/components/ValueHashEllipsed'
+
+const props = defineProps({
+  activity: {
+    type: Object,
+    required: true,
+  },
+})
+
+const activityPayload = computed(() => props.activity.payload)
+
+</script>

src/components/AccountActivityTypeCell.vue

@@ -75,6 +75,8 @@ const activityType = computed(() => {
 
   case 'Aex9TransferEvent':
     return 'AEX-9'
+  case 'Aex141TransferEvent':
+    return 'AEX-141'
   case 'InternalContractCallEvent':
     if (
       SH_DEX_CONTRACTS.includes(props.activity.payload.contractId)) {