added github issues to the home page instead of fixing them

2 files changed, 12 insertions, 6 deletions

diff --git a/pages/_app.tsx b/pages/_app.tsx
index 45e00ab..7c2e39a 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -6,6 +6,7 @@ import { ToastContextWrapper } from '../components/toast';
 import '../styles/disk.css';
 import '../styles/footer.css';
 import '../styles/global.css';
+import '../styles/issues.css';
 import '../styles/navbar.css';
 import '../styles/notifications.css';
 import '../styles/recentGames.css';
diff --git a/pages/index.tsx b/pages/index.tsx
index 87a7bc1..d6cc829 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -5,6 +5,7 @@ import { Footer } from '../components/footer';
 import { SocketContext } from '../components/socketContext';
 
 import { AccountAvatar } from '../components/account';
+import { IssueList } from '../components/issues';
 import { NavBar } from '../components/navbar';
 import { CenteredPage, PageTitle } from '../components/page';
 import RecentGames from '../components/recentGames';
@@ -125,17 +126,21 @@ export default function HomePage(props: {
 						: <LoginOrRegisterBox />}
 				</Vierkant>
 			</div>
-			<>
-				{loggedIn
-					&& <Vierkant className='w100m2m pad-l bg-800'>
-						<RecentGames games={gameInfo?.games} />
-					</Vierkant>}
-			</>
+			{loggedIn
+				&& <Vierkant className='w100m2m pad-l bg-800'>
+					<RecentGames games={gameInfo?.games} />
+				</Vierkant>}
+
 			<div>
 				{props.posts.map(post => {
 					return <RenderedArticle content={post.props.content} meta={post.props.meta} />;
 				})}
 			</div>
+
+			<Vierkant className='w100m2m pad-l bg-800'>
+				<h2>Github Issues</h2>
+				<IssueList />
+			</Vierkant>
 		</CenteredPage>
 		<Footer />
 	</div>;