From 4cb9265b660a6b00796d343c2752eca1f3a5be65 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Thu, 23 Sep 2021 07:46:13 +0800
Subject: [PATCH] load from cache if exists

---
 src/views/Uptime.vue | 32 ++++++++++++++++++++------------
 1 file changed, 20 insertions(+), 12 deletions(-)

diff --git a/src/views/Uptime.vue b/src/views/Uptime.vue
index 6c572c96..a2781217 100644
--- a/src/views/Uptime.vue
+++ b/src/views/Uptime.vue
@@ -1,6 +1,14 @@
 <template>
   <div class="container-md px-0">
     <b-card>
+      <b-alert
+        variant="danger"
+        :show="syncing"
+      >
+        <div class="alert-body">
+          <span>No new block is produced since  <strong>{{ latestTime }}</strong> </span>
+        </div>
+      </b-alert>
       <b-card
         no-body
         class="mb-1"
@@ -10,14 +18,6 @@
           placeholder="Keywords to filter validators"
         />
       </b-card>
-      <b-alert
-        variant="danger"
-        :show="syncing"
-      >
-        <div class="alert-body">
-          <span>No new block is produced since  <strong>{{ latestTime }}</strong> </span>
-        </div>
-      </b-alert>
       <b-row>
         <b-col
           v-for="(x,index) in uptime"
@@ -55,7 +55,9 @@ import {
   BRow, BCol, VBTooltip, BFormInput, BCard, BAlert,
 } from 'bootstrap-vue'
 
-import { consensusPubkeyToHexAddress, timeIn, toDay } from '@/libs/data'
+import {
+  consensusPubkeyToHexAddress, getCachedValidators, timeIn, toDay,
+} from '@/libs/data'
 
 export default {
   components: {
@@ -88,9 +90,15 @@ export default {
     },
   },
   created() {
-    this.$http.getValidatorList().then(res => {
-      this.validators = res
-    })
+    const cached = JSON.parse(getCachedValidators(this.$route.params.chain))
+
+    if (cached) {
+      this.validators = cached
+    } else {
+      this.$http.getValidatorList().then(res => {
+        this.validators = res
+      })
+    }
     this.initBlocks()
   },
   beforeDestroy() {