Skip to content
Snippets Groups Projects
Commit 8ee9468f authored by COLLET Ismael's avatar COLLET Ismael
Browse files

Update Dashboard.tsx

parent 1bfa13b2
No related branches found
No related tags found
No related merge requests found
Pipeline #454 failed
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>
);
}
}
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment