Made it look a bit nicer

This commit is contained in:
Henry Whitaker
2020-04-08 18:54:35 +01:00
parent 426f8b88e0
commit 6daade8382
9 changed files with 138813 additions and 9 deletions

View File

@@ -100,7 +100,7 @@ export default class LatestResults extends Component {
</Row>
<Row>
<Col sm={{ span: 12 }} className="text-center">
<p className="text-muted">Last scan performed at: {new Date(data.data.created_at).toLocaleString()}</p>
<p className="text-muted mb-0">Last scan performed at: {new Date(data.data.created_at).toLocaleString()}</p>
</Col>
</Row>
</Container>

26
resources/js/components/Home/Footer.js vendored Normal file
View File

@@ -0,0 +1,26 @@
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import { Container, Row } from 'react-bootstrap';
import { Col } from 'react-bootstrap';
export default class Footer extends Component {
constructor(props) {
super(props)
}
render() {
return (
<Container>
<Row>
<Col sm={{ span: 12 }} className="text-center">
<p className="text-muted">View the code on <a href="https://github.com/henrywhitaker3/Speedtest-Tracker" target="_blank" rel="noopener noreferrer">GitHub</a></p>
</Col>
</Row>
</Container>
);
}
}
if (document.getElementById('Footer')) {
ReactDOM.render(<Footer />, document.getElementById('Footer'));
}

View File

@@ -2,6 +2,7 @@ import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import HistoryGraph from '../Graphics/HistoryGraph';
import LatestResults from '../Graphics/LatestResults';
import Footer from './Footer';
export default class HomePage extends Component {
constructor(props) {
@@ -16,9 +17,12 @@ export default class HomePage extends Component {
var token = this.state.token;
return (
<div className="my-4">
<LatestResults token={token} />
<HistoryGraph token={token} />
<div>
<div className="my-4">
<LatestResults token={token} />
<HistoryGraph token={token} />
</div>
<Footer />
</div>
);
}