From 8ee9468f4f98e1ea89c807ecce192e8aaefd6bdc Mon Sep 17 00:00:00 2001
From: COLLET Ismael <ismael.collet@imt-atlantique.net>
Date: Wed, 29 Jul 2020 08:38:22 +0000
Subject: [PATCH] Update Dashboard.tsx
---
.../frontend/src/app/components/Dashboard.tsx | 126 +++++++++---------
1 file changed, 63 insertions(+), 63 deletions(-)
diff --git a/plugins/dashboard/frontend/src/app/components/Dashboard.tsx b/plugins/dashboard/frontend/src/app/components/Dashboard.tsx
index 995d6748..660b51c7 100644
--- a/plugins/dashboard/frontend/src/app/components/Dashboard.tsx
+++ b/plugins/dashboard/frontend/src/app/components/Dashboard.tsx
@@ -1,63 +1,63 @@
-import * as React from 'react';
-import Container from "react-bootstrap/Container";
-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";
-import {inject, observer} from "mobx-react";
-import ListGroup from "react-bootstrap/ListGroup";
-import Card from "react-bootstrap/Card";
-import MemChart from "app/components/MemChart";
-
-interface Props {
- nodeStore?: NodeStore;
-}
-
-@inject("nodeStore")
-@observer
-export class Dashboard extends React.Component<Props, any> {
- render() {
- return (
- <Container>
- <h3>Dashboard</h3>
- <Row className={"mb-3"}>
- <Col>
- <Card>
- <Card.Body>
- <Card.Title>Node: {this.props.nodeStore.status.id}</Card.Title>
- <Row>
- <Col>
- <ListGroup variant={"flush"}>
- <ListGroup.Item><Uptime/></ListGroup.Item>
- </ListGroup>
- </Col>
- <Col>
- <ListGroup variant={"flush"}>
- <ListGroup.Item><Version/></ListGroup.Item>
- </ListGroup>
- </Col>
- </Row>
- </Card.Body>
- </Card>
- </Col>
- </Row>
- <Row className={"mb-3"}>
- <Col><Synced/></Col>
- </Row>
- <Row className={"mb-3"}>
- <Col><MPSChart/></Col>
- </Row>
- <Row className={"mb-3"}>
- <Col><TipsChart/></Col>
- </Row>
- <Row className={"mb-3"}>
- <Col><MemChart/></Col>
- </Row>
- </Container>
- );
- }
-}
+import * as React from 'react';
+import Container from "react-bootstrap/Container";
+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";
+import {inject, observer} from "mobx-react";
+import ListGroup from "react-bootstrap/ListGroup";
+import Card from "react-bootstrap/Card";
+import MemChart from "app/components/MemChart";
+
+interface Props {
+ nodeStore?: NodeStore;
+}
+
+@inject("nodeStore")
+@observer
+export class Dashboard extends React.Component<Props, any> {
+ render() {
+ return (
+ <Container>
+ <h3>Dashboard (MODIFIED)</h3>
+ <Row className={"mb-3"}>
+ <Col>
+ <Card>
+ <Card.Body>
+ <Card.Title>Node: {this.props.nodeStore.status.id}</Card.Title>
+ <Row>
+ <Col>
+ <ListGroup variant={"flush"}>
+ <ListGroup.Item><Uptime/></ListGroup.Item>
+ </ListGroup>
+ </Col>
+ <Col>
+ <ListGroup variant={"flush"}>
+ <ListGroup.Item><Version/></ListGroup.Item>
+ </ListGroup>
+ </Col>
+ </Row>
+ </Card.Body>
+ </Card>
+ </Col>
+ </Row>
+ <Row className={"mb-3"}>
+ <Col><Synced/></Col>
+ </Row>
+ <Row className={"mb-3"}>
+ <Col><MPSChart/></Col>
+ </Row>
+ <Row className={"mb-3"}>
+ <Col><TipsChart/></Col>
+ </Row>
+ <Row className={"mb-3"}>
+ <Col><MemChart/></Col>
+ </Row>
+ </Container>
+ );
+ }
+}
--
GitLab