2020-03-23 20:24:17 +00:00
|
|
|
import React, { Component } from "react";
|
2020-03-09 12:52:27 +00:00
|
|
|
import DevicePanel from "../components/dashboard/DevicePanel";
|
2020-03-23 20:24:17 +00:00
|
|
|
import Navbar from "./Navbar";
|
|
|
|
import MyHeader from "../components/HeaderController";
|
|
|
|
import { Grid, Responsive } from "semantic-ui-react";
|
2020-03-17 15:20:43 +00:00
|
|
|
|
2020-03-23 20:24:17 +00:00
|
|
|
export default class Dashboard extends Component {
|
|
|
|
render() {
|
|
|
|
return (
|
|
|
|
<div style={{ height: "110vh", background: "#1b1c1d" }}>
|
|
|
|
<Responsive minWidth={768}>
|
|
|
|
<Grid>
|
|
|
|
<Grid.Row color="black">
|
2020-03-22 16:58:27 +00:00
|
|
|
<Grid.Column>
|
2020-04-09 15:24:30 +00:00
|
|
|
<MyHeader />
|
2020-03-22 16:58:27 +00:00
|
|
|
</Grid.Column>
|
|
|
|
</Grid.Row>
|
2020-03-23 20:24:17 +00:00
|
|
|
<Grid.Row color="black">
|
|
|
|
<Grid.Column width={3}>
|
2020-04-09 15:24:30 +00:00
|
|
|
<Navbar />
|
2020-03-23 20:24:17 +00:00
|
|
|
</Grid.Column>
|
2020-03-22 16:58:27 +00:00
|
|
|
|
2020-03-23 20:24:17 +00:00
|
|
|
<Grid.Column width={13}>
|
2020-04-09 15:24:30 +00:00
|
|
|
<DevicePanel />
|
2020-03-23 20:24:17 +00:00
|
|
|
</Grid.Column>
|
|
|
|
</Grid.Row>
|
2020-03-22 16:58:27 +00:00
|
|
|
</Grid>
|
|
|
|
</Responsive>
|
2020-03-23 20:24:17 +00:00
|
|
|
<Responsive maxWidth={768}>
|
2020-03-22 16:58:27 +00:00
|
|
|
<Grid inverted>
|
2020-03-23 20:24:17 +00:00
|
|
|
<Grid.Row color="black">
|
|
|
|
<Grid.Column>
|
2020-04-09 15:24:30 +00:00
|
|
|
<MyHeader />
|
2020-03-23 20:24:17 +00:00
|
|
|
</Grid.Column>
|
|
|
|
</Grid.Row>
|
|
|
|
<Grid.Row color="black">
|
|
|
|
<Grid.Column color="black">
|
2020-04-09 15:24:30 +00:00
|
|
|
<Navbar />
|
2020-03-23 20:24:17 +00:00
|
|
|
</Grid.Column>
|
|
|
|
</Grid.Row>
|
|
|
|
<Grid.Row>
|
|
|
|
<Grid.Column>
|
2020-04-09 15:24:30 +00:00
|
|
|
<DevicePanel />
|
2020-03-23 20:24:17 +00:00
|
|
|
</Grid.Column>
|
|
|
|
</Grid.Row>
|
|
|
|
</Grid>
|
2020-03-22 16:58:27 +00:00
|
|
|
</Responsive>
|
2020-03-11 16:38:04 +00:00
|
|
|
</div>
|
2020-03-23 20:24:17 +00:00
|
|
|
);
|
2020-03-11 16:38:04 +00:00
|
|
|
}
|
2020-03-09 12:52:27 +00:00
|
|
|
}
|