Create MainMenu component

src/components/Navigation/MainMenu.tsx

@@ -0,0 +1,25 @@
+import { FC } from "react"
+import { useSelector } from "react-redux"
+import { isUserConnected } from "../../store/auth"
+import styles from "./styles.module.scss"
+
+const MainMenu: FC = (): JSX.Element | null => {
+    const connected = useSelector(isUserConnected)
+
+    if (!connected) return null
+
+    return (
+        <nav>
+            <ul className={styles.mainMenu}>
+                <li className={styles.mainMenuItem}>
+                    <a href="/">Mon espace</a>
+                </li>
+                <li className={styles.mainMenuItem}>
+                    <a href="/teams">Equipes</a>
+                </li>
+            </ul>
+        </nav>
+    )
+}
+
+export default MainMenu

src/components/Navigation/styles.module.scss

@@ -0,0 +1,23 @@
+@import "../../theme/variables";
+
+.mainMenu {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+
+.mainMenuItem {
+    display: inline-block;
+    margin: 0 4px;
+
+    a {
+        font-size: 0.9em;
+        font-weight: bold;
+        color: $color-black;
+        text-decoration: none;
+
+        &:hover {
+            color: $color-grey-dark;
+        }
+    }
+}