Actually fixed it this time ...

src/components/Navbar/index.tsx

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