apricote/Listory
1
0
Fork 0
mirror of https://github.com/apricote/Listory.git synced 2026-01-13 21:21:02 +00:00
Code Issues Projects Releases Packages Wiki Activity

feat(frontend): add footer with version number

Browse source
This commit is contained in:
Julian Tölle 2021-05-24 18:54:34 +02:00
parent 89faaa508b
commit 2aaf582245
7 changed files with 64 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

32
frontend/src/App.tsx
View file

@ -1,5 +1,6 @@
import React from "react";
import { Route, Switch } from "react-router-dom";
import { Footer } from "./components/Footer";
import { LoginFailure } from "./components/LoginFailure";
import { LoginSuccess } from "./components/LoginSuccess";
import { NavBar } from "./components/NavBar";
@ -19,20 +20,29 @@ export function App() {
}
return (
<div className="App">
<div className="flex flex-col h-screen justify-between">
<header>
<NavBar />
</header>
<Switch>
<Route path="/" exact />
<Route path="/login/success" exact component={LoginSuccess} />
<Route path="/login/failure" exact component={LoginFailure} />
<Route path="/listens" exact component={RecentListens} />
<Route path="/reports/listens" exact component={ReportListens} />
<Route path="/reports/top-artists" exact component={ReportTopArtists} />
<Route path="/reports/top-albums" exact component={ReportTopAlbums} />
<Route path="/reports/top-tracks" exact component={ReportTopTracks} />
</Switch>
<main className="mb-auto" /* mb-auto is for sticky footer */>
<Switch>
<Route path="/" exact />
<Route path="/login/success" exact component={LoginSuccess} />
<Route path="/login/failure" exact component={LoginFailure} />
<Route path="/listens" exact component={RecentListens} />
<Route path="/reports/listens" exact component={ReportListens} />
<Route
path="/reports/top-artists"
exact
component={ReportTopArtists}
/>
<Route path="/reports/top-albums" exact component={ReportTopAlbums} />
<Route path="/reports/top-tracks" exact component={ReportTopTracks} />
</Switch>
</main>
<footer>
<Footer />
</footer>
</div>
);
}