Add links to policies

Show links to terms of service and privacy policy on settings page

src/Footer.js

@@ -1,9 +1,17 @@
-import React from 'react';
+import React from "react";
+import { Link } from "react-router-dom";
 
-export default function Footer() {
+export default function Footer(props) {
 	return (
 		<footer>
-			&copy; Matthew Grove {new Date().getFullYear()}
+			<span>&copy; Matthew Grove {new Date().getFullYear()}</span>
+			{
+				props.showTerms &&
+				<>
+					<Link to="/tos">Terms of service</Link>
+					<Link to="/privacy">Privacy policy</Link>
+				</>
+			}
 		</footer>
 	)
 }

src/Settings.js

@@ -2,7 +2,7 @@ import React, { Component } from 'react';
 import { HomeRounded as HomeRoundedIcon } from "@material-ui/icons";
 import NavBar from "./NavBar";
 import Button from "./Button";
-import { withRouter } from "react-router-dom";
+import { withRouter, Link } from "react-router-dom";
 import SettingsContent from "./SettingsContent";
 import Footer from "./Footer";
 
@@ -90,7 +90,7 @@ export default withRouter(class Settings extends Component {
 						</Button>
 					</div>
 				</main>
-				<Footer />
+				<Footer showTerms={true} />
 			</div>
 		)
 	}