diff --git a/components/modules/address/AddressOverview.vue b/components/modules/address/AddressOverview.vue index 766860f1..c9c3d98c 100644 --- a/components/modules/address/AddressOverview.vue +++ b/components/modules/address/AddressOverview.vue @@ -8,6 +8,7 @@ import Input from "@/components/ui/Input.vue" /** Components */ import TransactionsTable from "./TransactionsTable.vue" +import MessagesTable from "@/components/modules/namespace/tables/MessagesTable.vue" import BlobsTable from "@/components/modules/namespace/tables/BlobsTable.vue" /** Services */ @@ -15,7 +16,7 @@ import { comma } from "@/services/utils" import { MsgTypes } from "@/services/constants/messages" /** API */ -import { fetchTxsByAddressHash, fetchBlobsByAddressHash } from "@/services/api/address" +import { fetchTxsByAddressHash, fetchMessagesByAddressHash, fetchBlobsByAddressHash } from "@/services/api/address" /** Store */ import { useModalsStore } from "@/store/modals" @@ -48,6 +49,7 @@ const activeTab = ref("transactions") const isRefetching = ref(false) const transactions = ref([]) +const messages = ref([]) const blobs = ref([]) const page = ref(1) @@ -247,6 +249,22 @@ const getTransactions = async () => { isRefetching.value = false } +const getMessages = async () => { + isRefetching.value = true + + const { data } = await fetchMessagesByAddressHash({ + hash: props.address.hash, + limit: 10, + offset: (page.value - 1) * 10, + sort: "desc", + }) + + messages.value = data.value + cacheStore.current.messages = messages.value + + isRefetching.value = false +} + const getBlobs = async () => { isRefetching.value = true @@ -280,6 +298,10 @@ watch( case "blobs": getBlobs() break + + case "messages": + getMessages() + break } }, ) @@ -295,6 +317,10 @@ watch( case "blobs": getBlobs() break + + case "messages": + getMessages() + break } }, ) @@ -457,7 +483,18 @@ const handleOpenQRModal = () => { > - Transactions + Signed Transactions + + + + + + Messages { -