Feractoring addresses table

Author: GusevPM

components/modules/address/AddressOverview.vue

@@ -513,7 +513,7 @@ const handleOpenQRModal = () => {
 				<Flex direction="column" justify="center" :class="[$style.tables, isRefetching && $style.disabled]">
 					<Flex v-if="activeTab === 'transactions'" wrap="wrap" align="center" gap="8" :class="$style.filters">
 						<Popover :open="isStatusPopoverOpen" @on-close="onStatusPopoverClose" width="200">
-							<Button @click="handleOpenStatusPopover" type="secondary" size="mini">
+							<Button @click="handleOpenStatusPopover" type="secondary" size="mini" :disabled="!transactions.length">
 								<Icon name="plus-circle" size="12" color="tertiary" />
 								<Text color="secondary">Status</Text>
 
@@ -551,7 +551,7 @@ const handleOpenQRModal = () => {
 						</Popover>
 
 						<Popover :open="isMessageTypePopoverOpen" @on-close="onMessageTypePopoverClose" width="250">
-							<Button @click="handleOpenMessageTypePopover" type="secondary" size="mini">
+							<Button @click="handleOpenMessageTypePopover" type="secondary" size="mini" :disabled="!transactions.length">
 								<Icon name="plus-circle" size="12" color="tertiary" />
 								<Text color="secondary">Message Type</Text>
 

pages/addresses.vue

@@ -169,28 +169,42 @@ const handleLast = async () => {
 						</thead>
 
 						<tbody>
-							<tr v-for="address in addresses" @click="router.push(`/address/${address.hash}`)">
+							<tr v-for="address in addresses">
 								<td style="width: 1px">
-									<Tooltip position="start" delay="500">
-										<Flex align="center" gap="8">
-											<AddressBadge :hash="address.hash" />
-
-											<CopyButton :text="address.hash" />
-										</Flex>
-
-										<template #content>
-											{{ address.hash }}
-										</template>
-									</Tooltip>
+									<NuxtLink :to="`/address/${address.hash}`">
+										<Tooltip position="start" delay="500">
+											<Flex align="center" gap="8">
+												<AddressBadge :hash="address.hash" />
+
+												<CopyButton :text="address.hash" />
+											</Flex>
+
+											<template #content>
+												{{ address.hash }}
+											</template>
+										</Tooltip>
+									</NuxtLink>
 								</td>
 								<td>
-									<Text size="13" weight="600" color="primary"> {{ comma(tia(address.balance.value)) }} TIA </Text>
+									<NuxtLink :to="`/address/${address.hash}`">
+										<Text size="13" weight="600" color="primary">
+											{{ comma(tia(address.balance.value)) }} TIA
+										</Text>
+									</NuxtLink>
 								</td>
 								<td>
-									<Text size="13" weight="600" color="primary"> {{ comma(address.first_height) }} </Text>
+									<NuxtLink :to="`/address/${address.hash}`">
+										<Text size="13" weight="600" color="primary">
+											{{ comma(address.first_height) }}
+										</Text>
+									</NuxtLink>
 								</td>
 								<td>
-									<Text size="13" weight="600" color="primary"> {{ comma(address.last_height) }} </Text>
+									<NuxtLink :to="`/address/${address.hash}`">
+										<Text size="13" weight="600" color="primary">
+											{{ comma(address.last_height) }}
+										</Text>
+									</NuxtLink>
 								</td>
 							</tr>
 						</tbody>