fix: Fix 0.15.0 release (#920)

(cherry picked from commit 971b5ba)
aeternity · Sep 10, 2024 · 784f359 · 784f359
1 parent 0b29201
commit 784f359
Show file tree

Hide file tree

Showing 7 changed files with 90 additions and 17 deletions.
diff --git a/src/assets/ae-token.svg b/src/assets/ae-token.svg
diff --git a/src/components/ContractDetailsPanel.vue b/src/components/ContractDetailsPanel.vue
@@ -1,5 +1,7 @@
 <template>
-  <app-panel class="contract-details-panel">
+  <app-panel
+    v-if="contractDetails"
+    class="contract-details-panel">
     <table>
       <tbody>
         <tr class="contract-details-panel__row">

diff --git a/src/components/MinersStatistics.vue b/src/components/MinersStatistics.vue
@@ -0,0 +1,67 @@
+<template>
+  <div class="transaction-statistics">
+    <app-panel class="transaction-statistics__panel">
+      <h5>MINERS COUNT</h5>
+      <div class="transaction-statistics__value">
+        {{ minersCount }}
+      </div>
+    </app-panel>
+    <app-panel class="transaction-statistics__panel">
+      <h5>REWARD</h5>
+      <div class="transaction-statistics__value">
+        <!--        <price-label :price="formatAePrice(blockReward)"/>-->
+        <price-label :price="formatAettosToAe(blockReward, null)"/>
+      </div>
+    </app-panel>
+    <app-panel class="transaction-statistics__panel">
+      <h5>DIFFICULTY</h5>
+      <div class="transaction-statistics__value">
+        {{ formatNumber(difficulty, 0, 0, 4) }} G
+      </div>
+    </app-panel>
+  </div>
+</template>
+<script setup>
+import { useMinersStore } from '@/stores/miners'
+import { formatAettosToAe } from '~/utils/format'
+
+const { fetchMiners } = useMinersStore()
+const { minersCount, blockReward, difficulty } = storeToRefs(useMinersStore())
+
+if (process.client) {
+  await fetchMiners()
+}
+</script>
+
+<style scoped>
+.transaction-statistics {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-2);
+  width: 100%;
+  margin-bottom: var(--space-2);
+
+  @media (--desktop) {
+    flex-direction: row;
+  }
+
+  &__panel {
+    padding: var(--space-4);
+    width: 100%;
+
+    @media (--desktop) {
+      width: 50%;
+    }
+  }
+
+  &__value {
+    display: inline-flex;
+    justify-content: space-between;
+    width: 100%;
+    font-size: 36px;
+    font-family: var(--font-monospaced);
+    font-weight: 400;
+    margin-top: var(--space-3);
+  }
+}
+</style>
diff --git a/src/components/NodesTable.vue b/src/components/NodesTable.vue
@@ -54,16 +54,19 @@
       v-for="(node, index) in nodes"
       :key="node.networkId">
       <td class="nodes-table__hash">
-        {{ index }}
-      </td>
-      <td>
-        {{ node.host }}
+        <value-hash-ellipsed :hash="index"/>
       </td>
+      <td>{{ node.host }}</td>
       <td>{{ node.port }}</td>
       <td>{{ formatNullable(node.networkId) }}</td>
       <td>{{ formatNullable(node.nodeVersion) }}</td>
-      <td class="nodes-table__hash">
-        {{ formatNullable(node.nodeRevision) }}
+      <td>
+        <value-hash-ellipsed
+          v-if="node.nodeRevision"
+          :hash="node.nodeRevision"/>
+        <template v-else>
+          ---
+        </template>
       </td>
       <td>{{ formatNullable(node.nodeVendor) }}</td>
       <td>{{ formatNullable(node.nodeOs) }}</td>
@@ -84,10 +87,6 @@ defineProps({
 
 <style scoped>
 .nodes-table {
-  &__hash {
-    word-break: break-all;
-  }
-
   &__header {
     white-space: nowrap;
   }

diff --git a/src/components/SearchNamesTable.vue b/src/components/SearchNamesTable.vue
@@ -11,7 +11,7 @@
         <th>
           Status
           <hint-tooltip>
-            {{ namesHints.status }}
+            {{ namesHints.state }}
           </hint-tooltip>
         </th>
       </tr>

diff --git a/src/components/SearchNamesTableCondensed.vue b/src/components/SearchNamesTableCondensed.vue
@@ -25,7 +25,7 @@
             <app-tooltip>
               Status
               <template #tooltip>
-                {{ namesHints.status }}
+                {{ namesHints.state }}
               </template>
             </app-tooltip>
           </th>

diff --git a/src/components/TokenDetailsPanel.vue b/src/components/TokenDetailsPanel.vue
@@ -214,6 +214,11 @@ const fiatPrice = computed(() =>
     }
   }
 
+  &__container {
+    display: flex;
+    gap: var(--space-2) var(--space-1);
+  }
+
   &__extensions {
     display: flex;
     flex-wrap: wrap;