Remove the Refresh button (#349)

* Remove the Refresh button * Remove unused animations * Remove unused `updating` variable
PIVX-Labs · Apr 17, 2024 · 91bd9f7 · 91bd9f7
1 parent 65e5a83
commit 91bd9f7
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 70 deletions.
diff --git a/assets/style/style.css b/assets/style/style.css
@@ -276,37 +276,6 @@ progress[value]::-moz-progress-bar {
     animation-timing-function: linear;
 }
 
-.reload {
-    font-family: Lucida Sans Unicode;
-    cursor: pointer;
-    margin-left: 10px;
-}
-
-.reload i {
-    animation-name: spinner;
-    animation-duration: 0.75s;
-    animation-play-state: paused;
-    animation-iteration-count: infinite;
-    animation-timing-function: linear;
-    font-size:21px;
-    width: 21px;
-    height: 21px;
-}
-
-.playAnim {
-    animation-play-state: running!important;
-}
-
-@keyframes spinner {
-    0% {
-        transform: translate3d(0%, 0%, 0) rotate(0deg);
-    }
-
-    100% {
-        transform: translate3d(0%, 0%, 0) rotate(360deg);
-    }
-}
-
 .noselect {
     -webkit-touch-callout: none;
     /* iOS Safari */
@@ -501,6 +470,10 @@ progress[value]::-moz-progress-bar {
     background: linear-gradient(0.25turn, rgba(122, 122, 122, 0.5), rgba(115, 0, 255, 0.4));
 }
 
+.balance-title {
+    height: 35px;
+}
+
 #bal-title {
     float: right;
     padding: 45px 50px;

diff --git a/scripts/dashboard/Dashboard.vue b/scripts/dashboard/Dashboard.vue
@@ -895,7 +895,6 @@ defineExpose({
                         :price="price"
                         :displayDecimals="displayDecimals"
                         :shieldEnabled="wallet.hasShield"
-                        @reload="refreshChainData()"
                         @send="showTransferMenu = true"
                         @exportPrivKeyOpen="showExportModal = true"
                         class="col-12 p-0 mb-5"

diff --git a/scripts/dashboard/WalletBalance.vue b/scripts/dashboard/WalletBalance.vue
@@ -69,7 +69,6 @@ const isCreatingTx = ref(false);
 const txPercentageCreation = ref(0.0);
 const txCreationStr = 'Creating SHIELD transaction...';
 
-const updating = ref(false);
 const balanceStr = computed(() => {
     const nCoins = balance.value / COIN;
     const strBal = nCoins.toFixed(displayDecimals.value);
@@ -102,11 +101,7 @@ const balanceValue = computed(() => {
 
 const ticker = computed(() => cChainParams.current.TICKER);
 
-getEventEmitter().on('sync-status', (value) => {
-    updating.value = value === 'start';
-});
-
-const emit = defineEmits(['reload', 'send', 'exportPrivKeyOpen']);
+const emit = defineEmits(['send', 'exportPrivKeyOpen']);
 
 getEventEmitter().on('transparent-sync-status-update', (str, finished) => {
     syncTStr.value = str;
@@ -130,13 +125,6 @@ getEventEmitter().on(
         txPercentageCreation.value = percentage;
     }
 );
-
-function reload() {
-    if (!updating) {
-        updating.value = true;
-        emit('reload');
-    }
-}
 </script>
 
 <template>
@@ -147,14 +135,7 @@ function reload() {
                     class="col-6 d-flex dcWallet-topLeftMenu"
                     style="justify-content: flex-start"
                 >
-                    <h3 class="noselect balance-title">
-                        <span class="reload noselect" @click="reload()"
-                            ><i
-                                class="fa-solid fa-rotate-right"
-                                :class="{ playAnim: updating }"
-                            ></i
-                        ></span>
-                    </h3>
+                    <h3 class="noselect balance-title"></h3>
                 </div>
 
                 <div

diff --git a/scripts/global.js b/scripts/global.js
@@ -276,17 +276,6 @@ function subscribeToNetworkEvents() {
             '<i class="fa-solid fa-' + (value ? 'wifi' : 'ban') + '"></i>';
     });
 
-    getEventEmitter().on('sync-status', (value) => {
-        switch (value) {
-            case 'start':
-                doms.domBalanceReloadStaking.classList.add('playAnim');
-                break;
-            case 'stop':
-                doms.domBalanceReloadStaking.classList.remove('playAnim');
-                break;
-        }
-    });
-
     getEventEmitter().on('new-block', (block) => {
         console.log(`New block detected! ${block}`);
 

diff --git a/scripts/stake/StakeBalance.vue b/scripts/stake/StakeBalance.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { computed, defineEmits, ref, toRefs, watch, nextTick } from 'vue';
-import { optimiseCurrencyLocale, refreshChainData } from '../global.js';
+import { optimiseCurrencyLocale } from '../global.js';
 import { translation, ALERTS } from '../i18n.js';
 import Modal from '../Modal.vue';
 import { createAlert, isColdAddress } from '../misc';
@@ -61,11 +61,7 @@ function submit() {
                 class="col-6 d-flex dcWallet-topLeftMenu"
                 style="justify-content: flex-start"
             >
-                <h3 class="noselect balance-title">
-                    <span class="reload noselect" @click="refreshChainData()"
-                        ><i class="fa-solid fa-rotate-right cur-pointer"></i
-                    ></span>
-                </h3>
+                <h3 class="noselect balance-title"></h3>
             </div>
 
             <div