Minor fixes

src/pages/index.js

@@ -4,6 +4,7 @@
 import React, { useState, useEffect } from 'react'
 import fetch from 'unfetch'
 import Head from 'next/head'
+import Link from 'next/link'
 
 import LoadingIndicator from '../components/LoadingIndicator'
 import Sleep from '../components/sleep'
@@ -12,7 +13,7 @@ import styles from './index.module.css'
 import links from '../data/links.json'
 import constants from '../constants.json'
 
-export default function Index({ router }) {
+export default function Index() {
   const [motd, setMotd] = useState('loading...')
   const [userSpecificMotd, setUserSpecificMotd] = useState('loading...')
   const [news, setNews] = useState(null)
@@ -151,15 +152,11 @@ export default function Index({ router }) {
         {Object.keys(links).map((key) => {
           let link = links[key]
           return (
-            <div
-              className={styles.button}
-              key={key}
-              onClick={() => {
-                router.push(link.href)
-              }}
-            >
-              {link.text}
-            </div>
+            <Link key={key} href={link.href}>
+              <a className={styles.button} target="_blank">
+                {link.text}
+              </a>
+            </Link>
           )
         })}
       </div>