gaspersic/solana
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Explorer: tweak cluster stats page (#13267)

Browse Source
This commit is contained in:
Justin Starry
2020-10-29 13:17:45 +08:00
committed by GitHub
parent ffeadd4e29
commit 5fb8b84d84
1 changed files with 11 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
explorer/src/pages/ClusterStatsPage.tsx
View File

@ -54,7 +54,7 @@ function StatsCardBody() {
const { avgSlotTime_1h, avgSlotTime_1min, epochInfo } = dashboardInfo; const { avgSlotTime_1h, avgSlotTime_1min, epochInfo } = dashboardInfo;
const hourlySlotTime = Math.round(1000 * avgSlotTime_1h); const hourlySlotTime = Math.round(1000 * avgSlotTime_1h);
const averageSlotTime = Math.round(1000 * avgSlotTime_1min) + "ms"; const averageSlotTime = Math.round(1000 * avgSlotTime_1min);
const { slotIndex, slotsInEpoch } = epochInfo; const { slotIndex, slotsInEpoch } = epochInfo;
const currentEpoch = epochInfo.epoch.toString(); const currentEpoch = epochInfo.epoch.toString();
const epochProgress = ((100 * slotIndex) / slotsInEpoch).toFixed(1) + "%"; const epochProgress = ((100 * slotIndex) / slotsInEpoch).toFixed(1) + "%";
@ -81,8 +81,12 @@ function StatsCardBody() {
</tr> </tr>
)} )}
<tr> <tr>
<td className="w-100">Slot time</td> <td className="w-100">Slot time (1min average)</td>
<td className="text-lg-right text-monospace">{averageSlotTime}</td> <td className="text-lg-right text-monospace">{averageSlotTime}ms</td>
</tr>
<tr>
<td className="w-100">Slot time (1hr average)</td>
<td className="text-lg-right text-monospace">{hourlySlotTime}ms</td>
</tr> </tr>
<tr> <tr>
<td className="w-100">Epoch</td> <td className="w-100">Epoch</td>
@ -93,8 +97,8 @@ function StatsCardBody() {
<td className="text-lg-right text-monospace">{epochProgress}</td> <td className="text-lg-right text-monospace">{epochProgress}</td>
</tr> </tr>
<tr> <tr>
<td className="w-100">Epoch time remaining</td> <td className="w-100">Epoch time remaining (approx.)</td>
<td className="text-lg-right text-monospace">{epochTimeRemaining} </td> <td className="text-lg-right text-monospace">~{epochTimeRemaining}</td>
</tr> </tr>
</TableCardBody> </TableCardBody>
); );