user files rename

src/components/layout.js

@@ -115,12 +115,9 @@ export default function Layout({
   const userId = globalData.userId
   const userSpecificMotd = globalData.userSpecificMotd
 
-  useEffect(
-    () => {
-      setDonateShowing(!!router.query.donate)
-    },
-    [router.query.donate]
-  )
+  useEffect(() => {
+    setDonateShowing(!!router.query.donate)
+  }, [router.query.donate])
 
   let href = router.route
   if (href === '/' || href === '') {
@@ -181,9 +178,7 @@ export default function Layout({
                     border: 'none',
                     margin: '1px',
                   }}
-                  src={`${
-                    constants.siteUrl
-                  }img/frylabs-logo_small_transparent.png`}
+                  src={`${constants.siteUrl}img/frylabs-logo_small_transparent.png`}
                   alt="FryLabs"
                 />
               </a>
@@ -195,6 +190,10 @@ export default function Layout({
             <div id="sideBarLinks" className={styles.sidebarLinks}>
               {Object.keys(tabs).map((key) => {
                 const item = tabs[key]
+                if (item.seperator) {
+                  return <hr key={key} />
+                }
+
                 return (
                   <Link href={item.href} key={key}>
                     <a

src/components/layout.module.css

@@ -19,7 +19,7 @@
   border-radius: 5px;
 }
 
-.sidebarLinks > * {
+.sidebarLinks > a {
   display: block;
   text-align: center;
   color: black;