Actually fixed it this time ...

src/components/Navbar/index.tsx

@@ -3,17 +3,9 @@ import React from "react";
 import icon from "./icon.png";
 import {NavbarWrapper, NavbarItems} from "./styles";
 
-// @todo maybe find alternative type for data
+const Navbar = ({siteTitle = ""}) => (
-const Navbar = ({ siteTitle }: any) => (
+    <NavbarWrapper>
-  <HeaderWrapper>
+        <NavbarItems>
-    <div
-      style={{
-        margin: `0 auto`,
-        maxWidth: 960,
-        padding: `1.45rem 1.0875rem`,
-      }}
-    >
-      <div style={{ display: "flex", flexDirection: "row", alignItems: "center" }}>
             {/* <img src={icon} style={{ width: "70px" }} /> */}
             <h1 style={{margin: 0}}>
                 <Link
@@ -26,18 +18,12 @@ const Navbar = ({ siteTitle }: any) => (
                     {siteTitle}
                 </Link>
             </h1>
-      </div>
+        </NavbarItems>
-    </div>
+        <NavbarItems>
-
+            <button>discord link here</button>
-  </HeaderWrapper>
+            <button>reddit (maybe?) link here</button>
+        </NavbarItems>
+    </NavbarWrapper>
 )
 
-Navbar.propTypes = {
-  siteTitle: String
-}
-
-Navbar.defaultProps = {
-  siteTitle: ``,
-}
-
 export default Navbar;