From c00d5d61a93145d952f794cc4e30686868336fc7 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Fri, 1 Apr 2022 08:25:23 +0800
Subject: [PATCH] add instructions

---
 src/views/StateSync.vue | 22 ++++++++++++++++------
 1 file changed, 16 insertions(+), 6 deletions(-)

diff --git a/src/views/StateSync.vue b/src/views/StateSync.vue
index acf1e5d5..b6584c7d 100644
--- a/src/views/StateSync.vue
+++ b/src/views/StateSync.vue
@@ -2,15 +2,25 @@
   <div class="container-md">
     <b-card>
       <b-card-title>
-        Starting New Node From State Sync <b-badge variant="danger">
+        What's State Sync?
+      </b-card-title>
+      The Tendermint Core 0.34 release includes support for state sync, which allows a new node to join a network by fetching a snapshot of the application state at a recent height instead of fetching and replaying all historical blocks. This can reduce the time needed to sync with the network from days to minutes.
+      Click <a href="https://blog.cosmos.network/cosmos-sdk-state-sync-guide-99e4cf43be2f">here</a> for more infomation.
+    </b-card>
+    <b-card>
+      <b-card-title>
+        Starting New Node From State Sync
+        <b-badge
+          v-if="snapshot_provider?false:true"
+          variant="danger"
+        >
           WIP
         </b-badge>
       </b-card-title>
-      <b class="mt-1">1. What's State Sync? </b><br>
-      The Tendermint Core 0.34 release includes support for state sync, which allows a new node to join a network by fetching a snapshot of the application state at a recent height instead of fetching and replaying all historical blocks. This can reduce the time needed to sync with the network from days to minutes.
-      Click <a href="https://blog.cosmos.network/cosmos-sdk-state-sync-guide-99e4cf43be2f">here</a> for more infomation.
+      <b class="mt-1">1. Install Binary</b><br>
+      We need to install the binary first and make sure that the version is the one currently in use on mainnet.
       <br><br>
-      <b class="mt-1">2. How to use it? </b><br>
+      <b class="mt-1">2. Enable State Sync</b><br>
       We can configure Tendermint to use state sync in <code>$DAEMON_HOME/config/config.toml</code>, then start daemon.
       <ul class="mt-1">
         <li
@@ -31,7 +41,7 @@
         class="my-1"
         @change="check()"
       />
-      <b class="mt-1">3. (Optional) Adding Snapshot Providers </b><br>
+      <b class="mt-1">3. (Optional) Add Snapshot Providers </b><br>
       To reduce the time of snapshot discovering, we can add providers into persistent_peers in <code>$DAEMON_HOME/config/config.toml</code>.
       <b-form-textarea
         id="provider"