From 58b62ee47c64ad4c331bcac5ab5f22f9cc6513ad Mon Sep 17 00:00:00 2001 From: Ben Ramey Date: Wed, 13 Oct 2021 09:31:09 -0500 Subject: [PATCH] Start on header --- site/src/components/Header/index.jsx | 25 +++++++++++++++++++ site/src/components/Header/styles.module.scss | 4 +++ site/src/layouts/BaseLayout.astro | 4 +-- 3 files changed, 31 insertions(+), 2 deletions(-) create mode 100644 site/src/components/Header/index.jsx create mode 100644 site/src/components/Header/styles.module.scss diff --git a/site/src/components/Header/index.jsx b/site/src/components/Header/index.jsx new file mode 100644 index 0000000..101addb --- /dev/null +++ b/site/src/components/Header/index.jsx @@ -0,0 +1,25 @@ +import React from "react"; +import { Auth0Provider } from "@auth0/auth0-react"; +import LoginButton from "../LoginButton"; +import LogoutButton from "../LogoutButton"; +import config from "../../config"; +import Styles from "./styles.module.scss"; + +const Header = () => { + return ( +
+ + + + +
+ ); +}; + +export default Header; diff --git a/site/src/components/Header/styles.module.scss b/site/src/components/Header/styles.module.scss new file mode 100644 index 0000000..2e33995 --- /dev/null +++ b/site/src/components/Header/styles.module.scss @@ -0,0 +1,4 @@ +header { + display: flex; + justify-content: flex-end; +} \ No newline at end of file diff --git a/site/src/layouts/BaseLayout.astro b/site/src/layouts/BaseLayout.astro index e6c6d24..a213476 100644 --- a/site/src/layouts/BaseLayout.astro +++ b/site/src/layouts/BaseLayout.astro @@ -1,4 +1,5 @@ --- +import Header from "../components/Header/index.jsx"; let { title } = Astro.props; ---