fix: Improve transaction stats loading (#683)

aeternity · Mar 20, 2024 · ee5a6eb · ee5a6eb
1 parent af475f3
commit ee5a6eb
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 11 deletions.
diff --git a/src/components/FooterSocials.vue b/src/components/FooterSocials.vue
@@ -55,10 +55,12 @@ const socials = [
   grid-template-columns: repeat(4, 30px);
   grid-row-gap: var(--space-4);
   justify-content: space-between;
+  min-height: 105px;
 
   @media (--desktop) {
     grid-auto-flow: column;
     grid-template-columns: revert;
+    min-height: 40px;
   }
 
   &__icon {

diff --git a/src/components/TheFooter.vue b/src/components/TheFooter.vue
@@ -87,7 +87,6 @@ import { storeToRefs } from 'pinia'
 import FooterList from '@/components/FooterList'
 import AppLink from '@/components/AppLink'
 import AppTooltip from '@/components/AppTooltip'
-import FooterSocials from '@/components/FooterSocials'
 import { useStatus } from '@/stores/status'
 
 const { middlewareVersion, nodeVersion } = storeToRefs(useStatus())

diff --git a/src/components/TransactionsChartPanel.vue b/src/components/TransactionsChartPanel.vue
@@ -34,10 +34,9 @@ const { fetchTransactionsStatistics } = transactionsStore
 
 const selectedInterval = ref('')
 
-await useAsyncData(async() => {
+if (process.client) {
   await fetchTransactionsStatistics()
-  return true
-})
+}
 
 async function loadTransactionsStatistics({ interval, limit, range }) {
   selectedInterval.value = interval

diff --git a/src/components/TransactionsStatistics.vue b/src/components/TransactionsStatistics.vue
@@ -29,8 +29,10 @@ const { fetchLast24hsTransactionsCount } = useTransactionsStore()
 const { transactionsCount } = storeToRefs(useBlockchainStatsStore())
 const { last24hsTransactionsCount, last24hsTransactionsTrend } = storeToRefs(useTransactionsStore())
 
-await fetchTotalTransactionsCount()
-await fetchLast24hsTransactionsCount()
+if (process.client) {
+  await fetchTotalTransactionsCount()
+  await fetchLast24hsTransactionsCount()
+}
 
 const chipVariant = computed(() => last24hsTransactionsTrend.value > 0 ? 'success' : 'error')
 

diff --git a/src/pages/transactions/index.vue b/src/pages/transactions/index.vue
@@ -10,7 +10,7 @@
     </template>
   </page-header>
   <template v-if="!isLoading">
-    <transactions-stats class="transactions__transactions-stats"/>
+    <transactions-stats class="transactions-panel"/>
     <transactions-chart-panel class="transactions-panel"/>
     <transactions-panel class="transactions-panel"/>
   </template>
@@ -34,9 +34,5 @@ const { isLoading } = useLoading()
   &:last-child {
     margin-bottom: 0;
   }
-
-  &__transactions-stats {
-    margin-bottom: var(--space-2);
-  }
 }
 </style>