diff --git a/web/src/components/general/Logo.tsx b/web/src/components/general/Logo.tsx index faa62a6..9a2f03c 100644 --- a/web/src/components/general/Logo.tsx +++ b/web/src/components/general/Logo.tsx @@ -2,10 +2,9 @@ import styles from "./logo.module.scss"; import { usePathname } from "next/navigation"; -export const Logo = () => { +export const Logo = ({ christmas }: { christmas: boolean }) => { // Check if the current page is the index page const isIndexPage = usePathname() === "/"; - const christmas = false; return (
{ {christmas && ( - - - - + + + + - + )}
); @@ -160,9 +159,7 @@ export const LogoText = () => { ); }; -export const LogoIcon = ({ face }: { face?: "left" | "right" }) => { - const christmas = false; - +export const LogoIcon = ({ face, christmas }: { face?: "left" | "right", christmas: boolean }) => { return (
@@ -185,13 +182,13 @@ export const LogoIcon = ({ face }: { face?: "left" | "right" }) => { {christmas && ( - - - - + + + + - + )}
); diff --git a/web/src/components/layout/Header.tsx b/web/src/components/layout/Header.tsx index cb8fae2..ee230df 100644 --- a/web/src/components/layout/Header.tsx +++ b/web/src/components/layout/Header.tsx @@ -46,6 +46,9 @@ export const Header = () => { } }; + // let's add a santa hat during December + const isChristmas = new Date().getMonth() === 11; + return ( <>
{ data-small={!isInView} > - +
- {!isInView ? : } + {!isInView ? ( + + ) : ( + + )}