Add synced status to node dashboard

plugins/dashboard/frontend/src/app/components/Dashboard.tsx

@@ -4,6 +4,7 @@ import Row from "react-bootstrap/Row";
 import Col from "react-bootstrap/Col";
 import Uptime from "app/components/Uptime";
 import Version from "app/components/Version";
+import Synced from "app/components/Synced";
 import MPSChart from "app/components/MPSChart";
 import TipsChart from "app/components/TipsChart";
 import NodeStore from "app/stores/NodeStore";
@@ -39,6 +40,11 @@ export class Dashboard extends React.Component<Props, any> {
                                             <ListGroup.Item><Version/></ListGroup.Item>
                                         </ListGroup>
                                     </Col>
+                                    <Col>
+                                        <ListGroup variant={"flush"}>
+                                            <ListGroup.Item><Synced/></ListGroup.Item>
+                                        </ListGroup>
+                                    </Col>
                                 </Row>
                             </Card.Body>
                         </Card>

plugins/dashboard/frontend/src/app/components/Synced.tsx

+import * as React from 'react';
+import NodeStore from "app/stores/NodeStore";
+import {inject, observer} from "mobx-react";
+
+interface Props {
+    nodeStore?: NodeStore;
+}
+
+@inject("nodeStore")
+@observer
+export default class Synced extends React.Component<Props, any> {
+    render() {
+        return (
+            <React.Fragment>
+                Synced: {this.props.nodeStore.status.synced? "Yes":"No"}
+            </React.Fragment>
+        );
+    }
+}

plugins/dashboard/frontend/src/app/stores/NodeStore.ts

@@ -11,6 +11,7 @@ class Status {
     id: string;
     version: string;
     uptime: number;
+    synced: boolean;
     mem: MemoryMetrics = new MemoryMetrics();
 }
 

plugins/dashboard/plugin.go

@@ -166,6 +166,7 @@ type nodestatus struct {
 	ID      string      `json:"id"`
 	Version string      `json:"version"`
 	Uptime  int64       `json:"uptime"`
+	Synced  bool        `json:"synced"`
 	Mem     *memmetrics `json:"mem"`
 }
 
@@ -232,6 +233,7 @@ func currentNodeStatus() *nodestatus {
 	// node status
 	status.Version = banner.AppVersion
 	status.Uptime = time.Since(nodeStartAt).Milliseconds()
+	status.Synced = metrics.Synced()
 
 	// memory metrics
 	status.Mem = &memmetrics{