feat: statesync page ui refactor

This commit is contained in:
Alisa | Side.one 2023-05-11 01:02:43 +08:00
parent 3db8b87cb2
commit ec32cd3105

View File

@ -38,9 +38,11 @@ onMounted(() => {
</script> </script>
<template> <template>
<div> <div>
<VCard> <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
<VCardTitle>What's State Sync?</VCardTitle> <h2 class="card-title truncate mb-2">
<VCardText> What's State Sync?
</h2>
<div class="text-sm">
The Tendermint Core 0.34 release includes support for state sync, which 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 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 application state at a recent height instead of fetching and replaying
@ -52,36 +54,39 @@ onMounted(() => {
>here</a >here</a
> >
for more infomation. for more infomation.
</VCardText> </div>
</VCard> </div>
<VCard class="my-5"> <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
<VCardTitle>Starting New Node From State Sync</VCardTitle> <h2 class="card-title truncate mb-2">Starting New Node From State Sync</h2>
<VCardItem> <div class="text-sm">
1. Install Binary ({{ appName }} Version: 1. Install Binary ({{ appName }} Version:
{{ nodeInfo.application_version?.version || '' }}) {{ nodeInfo.application_version?.version || '' }})
<br /> <br />
We need to install the binary first and make sure that the version is We need to install the binary first and make sure that the version is
the one currently in use on mainnet. the one currently in use on mainnet.
<br /> <br /> <br />
2. Enable State Sync<br /> 2. Enable State Sync<br />
We can configure Tendermint to use state sync in We can configure Tendermint to use state sync in
$DAEMON_HOME/config/config.toml. $DAEMON_HOME/config/config.toml.
<br /><br />
<VTextarea auto-grow :model-value="state"></VTextarea> <VTextarea auto-grow :model-value="state"></VTextarea>
<br />
3. Start the daemon: <code>{{ appName }} start</code> 3. Start the daemon: <code>{{ appName }} start</code>
<br /> <br />
If you are resetting node, run If you are resetting node, run
<code>{{ appName }} unsafe-reset-all</code> or <code>{{ appName }} unsafe-reset-all</code> or
<code>{{ appName }} tendermint unsafe-reset-all --home ~/.HOME</code> <code>{{ appName }} tendermint unsafe-reset-all --home ~/.HOME</code>
before you start the daemon. before you start the daemon.
</VCardItem> </div>
</VCard> </div>
<VCard> <div class="bg-base-100 px-4 pt-3 pb-4 rounded shadow">
<VCardTitle>Enable Snapshot For State Sync</VCardTitle> <h2 class="card-title truncate mb-2">Enable Snapshot For State Sync</h2>
<VCardItem> <div class="text-sm">
To make state sync works, we can enable snapshot in To make state sync works, we can enable snapshot in
$DAEMON_HOME/config/app.toml $DAEMON_HOME/config/app.toml
<br/><br/>
<VTextarea <VTextarea
auto-grow auto-grow
model-value="[state-sync] model-value="[state-sync]
@ -93,8 +98,8 @@ snapshot-interval = 1000
snapshot-keep-recent = 2" snapshot-keep-recent = 2"
> >
</VTextarea> </VTextarea>
</VCardItem> </div>
</VCard> </div>
</div> </div>
</template> </template>