Add Logout component

src/components/Logout.tsx

@@ -0,0 +1,7 @@
+import { Redirect } from 'react-router';
+
+export default function Logout() {
+	localStorage.removeItem('session_token');
+
+	return <Redirect to="/"></Redirect>;
+}

src/components/Nav.tsx

@@ -22,8 +22,8 @@ const useStyles = makeStyles({
 });
 const navLinks = [
 	{ title: `Profile`, path: `/profile` },
-	{ title: `Groups`, path: `/groups` },
+	// { title: `Groups`, path: `/groups` },
-	{ title: `MyGroups`, path: `/mygroups` },
+	// { title: `MyGroups`, path: `/mygroups` },
 ];
 const Nav = () => {
 	const classes = useStyles();

src/components/Pool.tsx

@@ -5,7 +5,6 @@ import Card from '@material-ui/core/Card';
 import Textarea from '@material-ui/core/TextareaAutosize';
 import Typography from '@material-ui/core/Typography';
 import Comment from './Comment';
-import getSessionId from '../lib/getSessionId';
 import { makeAPIPostCall } from '../api/utils';
 
 export default function Pool({ registered = false }: { registered?: boolean }) {

src/components/Profile.tsx

@@ -106,7 +106,10 @@ const Profile = () => {
 				<div className="">
 					{pools.map((pool) => {
 						return (
-							<Card className={classes.root + 'd-inline-flex'}>
+							<Card
+								className={classes.root + 'd-inline-flex'}
+								style={{ margin: '0.5rem' }}
+							>
 								<CardActionArea href={'/pool/' + pool.id}>
 									<CardContent>
 										<Typography gutterBottom variant="h5" component="h2">