useCurrentSeason

import useCurrentSeason from "@/hooks/useCurrentSeason";

interface CurrentSeason {
    currentYear: number;
    currentSeason: "winter" | "spring" | "summer" | "fall";
}

const { currentYear, currentSeason } = useCurrentSeason();

import useCurrentSeason from "@/hooks/useCurrentSeason";

function CurrentSeasonBanner() {
    const { currentYear, currentSeason } = useCurrentSeason();

    return (
        <div>
            <h1>{currentSeason.charAt(0).toUpperCase() + currentSeason.slice(1)} {currentYear}</h1>
            <p>Browse anime from the current season</p>
        </div>
    );
}

import Link from "next/link";
import useCurrentSeason from "@/hooks/useCurrentSeason";

function SeasonNavigation() {
    const { currentYear, currentSeason } = useCurrentSeason();

    return (
        <nav>
            <Link href={`/year/${currentYear}/${currentSeason}`}>
                Current Season
            </Link>
        </nav>
    );
}

import useCurrentSeason from "@/hooks/useCurrentSeason";
import useAuth from "@/hooks/useAuth";

export default function HomePage() {
    const { me } = useAuth();
    const { currentYear, currentSeason } = useCurrentSeason();

    return (
        <div>
            <h1>Welcome to AnimeThemes</h1>
            <section>
                <h2>{currentSeason} {currentYear} Anime</h2>
                <p>Discover the latest anime themes from this season</p>
                <a href={`/year/${currentYear}/${currentSeason}`}>
                    View {currentSeason} anime
                </a>
            </section>
        </div>
    );
}

import useCurrentSeason from "@/hooks/useCurrentSeason";

function SeasonalPromotion() {
    const { currentSeason } = useCurrentSeason();

    const getSeasonalMessage = () => {
        switch (currentSeason) {
            case "winter":
                return "Cozy up with winter anime!";
            case "spring":
                return "Spring into new series!";
            case "summer":
                return "Hot summer anime lineup!";
            case "fall":
                return "Fall for these new shows!";
        }
    };

    return (
        <div className={`promotion-${currentSeason}`}>
            <p>{getSeasonalMessage()}</p>
        </div>
    );
}

import useCurrentSeason from "@/hooks/useCurrentSeason";

function SeasonSelector() {
    const { currentYear, currentSeason } = useCurrentSeason();
    const seasons = ["winter", "spring", "summer", "fall"] as const;

    return (
        <div>
            <h3>Seasons</h3>
            <ul>
                {seasons.map((season) => (
                    <li key={season}>
                        <a 
                            href={`/year/${currentYear}/${season}`}
                            className={season === currentSeason ? "active" : ""}
                        >
                            {season}
                        </a>
                    </li>
                ))}
            </ul>
        </div>
    );
}