mirror of
https://github.com/henrywhitaker3/Speedtest-Tracker.git
synced 2025-12-24 06:28:27 +01:00
Made it look a bit nicer
This commit is contained in:
@@ -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
26
resources/js/components/Home/Footer.js
vendored
Normal 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'));
|
||||
}
|
||||
10
resources/js/components/Home/HomePage.js
vendored
10
resources/js/components/Home/HomePage.js
vendored
@@ -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>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user