gaugendre/display
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Add refresh date in footer

Browse source
This commit is contained in:
Gabriel Augendre 2021-11-12 18:04:38 +01:00
parent 0bb97fc4a7
commit ed3df67585
1 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/App.tsx
View file

@ -7,6 +7,7 @@ import {setInterval} from "timers";
interface IAppState {
passages: ILigne[];
refreshDate?: string;
}
class App extends React.Component<{}, IAppState> {
@ -15,13 +16,13 @@ class App extends React.Component<{}, IAppState> {
constructor(props: {}) {
super(props);
this.state = {passages: [{ligne: undefined, delais: [undefined]}]};
this.timerId = undefined;
const urlParams = new URLSearchParams(window.location.search);
this.refreshSeconds = Number(urlParams.get("refreshSeconds"));
if (this.refreshSeconds <= 5) {
this.refreshSeconds = 60;
}
this.state = {passages: [{ligne: undefined, delais: [undefined]}]};
}
render() {
@ -40,7 +41,7 @@ class App extends React.Component<{}, IAppState> {
<footer>
<p className="container">
{process.env.REACT_APP_VERSION} built on {process.env.REACT_APP_DATE}
{process.env.REACT_APP_VERSION} built on {process.env.REACT_APP_DATE}. Refreshed: {this.state.refreshDate}.
</p>
</footer>
</div>;
@ -61,6 +62,7 @@ class App extends React.Component<{}, IAppState> {
const headers = new Headers();
headers.set("Authorization", `Basic ${process.env.REACT_APP_TCL_AUTH}`);
http<IAppState>("https://tcl.augendre.info/stop/290", {method: "GET", headers: headers}).then(json => {
json.refreshDate = new Date().toLocaleString("fr-fr");
this.setState(json);
});
}