Merge pull request #146 from k-nearest-neighbor/home_layout

Adding a specific layout for Home
This commit is contained in:
Desmond Grealy
2022-12-29 06:20:18 -08:00
committed by GitHub
4 changed files with 325 additions and 499 deletions
@@ -21,4 +21,4 @@ const Template = (args) => {
};
export const Default = Template.bind({});
Default.args = { session: { data: { user: { name: "StoryBook user" } }, status: "authenticated" } };
Default.args = { session: { data: { user: { name: "StoryBook user" } }, status: "authenticated" }, transparent: false };
+4 -2
View File
@@ -5,6 +5,7 @@ import Image from "next/image";
import Link from "next/link";
import { signOut, useSession } from "next-auth/react";
import { FaUser, FaSignOutAlt } from "react-icons/fa";
import clsx from "clsx";
import { Container } from "src/components/Container";
import { NavLinks } from "./NavLinks";
@@ -53,9 +54,10 @@ function AccountButton() {
);
}
export function Header() {
export function Header(props) {
const transparent = props.transparent ?? false;
return (
<header className="bg-white">
<header className={clsx(!transparent && "bg-white")}>
<nav>
<Container className="relative z-10 flex justify-between py-8">
<div className="relative z-10 flex items-center gap-16">