Sidebar links changes, getstaticprops tries

src/components/layout.js

@@ -43,27 +43,30 @@ export default function Layout(props) {
           <div className="sidebarheader">Frylabs</div>
         </div>
         {sidebarOpen ? (
-          <div id="sideBarLinks">
-            {Object.keys(tabs).map((key) => {
-              const item = tabs[key]
-              return (
-                <Link href={item.href} key={key}>
-                  <a
-                    onClick={closeSideBar}
-                    className={href.includes(key) ? 'active' : undefined}
-                    id={item.id || undefined}
-                  >
-                    {item.text}
-                  </a>
-                </Link>
-              )
-            })}
-            <Link href={`/donate`}>
-              <a className="donate" onClick={closeSideBar} target="_blank">
-                Donate
-              </a>
-            </Link>
-          </div>
+          <>
+            <div id="sideBarLinks">
+              {Object.keys(tabs).map((key) => {
+                const item = tabs[key]
+                return (
+                  <Link href={item.href} key={key}>
+                    <a
+                      onClick={closeSideBar}
+                      className={href.includes(key) ? 'active' : undefined}
+                      id={item.id || undefined}
+                    >
+                      {item.text}
+                    </a>
+                  </Link>
+                )
+              })}
+              <Link href={`/donate`}>
+                <a className="donate" onClick={closeSideBar} target="_blank">
+                  Donate
+                </a>
+              </Link>
+            </div>
+            <div className="userInfo">User # TODO</div>
+          </>
         ) : null}
       </div>
       <div className="content">{props.children}</div>

src/components/sidebar.js

@@ -12,7 +12,7 @@ export default function Sidebar(props) {
           onClose()
         }}
       >
-        {'>'}
+        {'⏩'}
       </div>
       <div className={styles.content}>{props.children}</div>
     </div>

src/components/sidebar.module.css

@@ -12,12 +12,14 @@
 }
 
 .closeBorder {
-  padding: 5px;
+  font-size: 14px;
+  padding: 2px;
   cursor: pointer;
   display: flex;
   flex-flow: column;
   justify-content: center;
   color: white;
+  background-color: #222;
 }
 
 .closeBorder:hover {