111 lines
3.7 KiB
TypeScript
111 lines
3.7 KiB
TypeScript
"use client";
|
|
|
|
import { Dispatch, SetStateAction } from "react";
|
|
import { Session } from "next-auth";
|
|
import type { Screen } from "../../lib/types";
|
|
import type { useSoloGame } from "../../lib/useSoloGame";
|
|
import type { useMultiGame } from "../../lib/useMultiGame";
|
|
import type { useGameHandlers } from "../../lib/useGameHandlers";
|
|
import { fmt } from "../../lib/utils";
|
|
import { HomeScreen } from "./HomeScreen";
|
|
import { LobbyScreen } from "./LobbyScreen";
|
|
import { SoloScreen } from "./SoloScreen";
|
|
import { GameScreen } from "./GameScreen";
|
|
import { AuthModal } from "./AuthModal";
|
|
import { ProfileScreen } from "./ProfileScreen";
|
|
import { LeaderboardScreen } from "./LeaderboardScreen";
|
|
|
|
type Props = {
|
|
screen: Screen;
|
|
setScreen: Dispatch<SetStateAction<Screen>>;
|
|
session: Session | null;
|
|
solo: ReturnType<typeof useSoloGame>;
|
|
multi: ReturnType<typeof useMultiGame>;
|
|
handlers: ReturnType<typeof useGameHandlers>;
|
|
playerName: string;
|
|
setPlayerName: Dispatch<SetStateAction<string>>;
|
|
joinCode: string;
|
|
setJoinCode: Dispatch<SetStateAction<string>>;
|
|
error: string | null;
|
|
setError: Dispatch<SetStateAction<string | null>>;
|
|
loading: boolean;
|
|
showAuth: boolean;
|
|
setShowAuth: Dispatch<SetStateAction<boolean>>;
|
|
};
|
|
|
|
export function ScreenRouter({
|
|
screen, setScreen, session, solo, multi, handlers,
|
|
playerName, setPlayerName, joinCode, setJoinCode,
|
|
error, setError, loading, showAuth, setShowAuth,
|
|
}: Props) {
|
|
if (screen === "profile") return (
|
|
<ProfileScreen userName={session?.user?.name ?? "Joueur"} onBack={() => setScreen("home")} />
|
|
);
|
|
|
|
if (screen === "leaderboard") return (
|
|
<LeaderboardScreen onBack={() => setScreen("home")} />
|
|
);
|
|
|
|
if (screen === "home") return (
|
|
<>
|
|
<HomeScreen
|
|
playerName={playerName} setPlayerName={setPlayerName}
|
|
joinCode={joinCode} setJoinCode={setJoinCode}
|
|
error={error} setError={setError} loading={loading}
|
|
onCreateRoom={handlers.handleCreateRoom}
|
|
onJoinRoom={handlers.handleJoinRoom}
|
|
onSolo={handlers.handleSolo}
|
|
session={session}
|
|
onShowAuth={() => setShowAuth(true)}
|
|
onShowProfile={() => setScreen("profile")}
|
|
onShowLeaderboard={() => setScreen("leaderboard")}
|
|
/>
|
|
{showAuth && <AuthModal onClose={() => setShowAuth(false)} onSuccess={() => setShowAuth(false)} />}
|
|
</>
|
|
);
|
|
|
|
if (screen === "solo") return (
|
|
<SoloScreen
|
|
phase={solo.phase} puzzle={solo.puzzle}
|
|
html={solo.html} title={solo.title}
|
|
loading={solo.loading} loadError={solo.loadError}
|
|
history={solo.history} clicks={solo.clicks}
|
|
elapsedDisplay={fmt(solo.elapsed)}
|
|
canGoBack={solo.canGoBack}
|
|
onStart={solo.start}
|
|
onNavigate={solo.navigate}
|
|
onBack={solo.goBack}
|
|
onQuit={() => { solo.reset(); setScreen("home"); }}
|
|
onNewGame={solo.start}
|
|
onRetry={solo.retryLoad}
|
|
/>
|
|
);
|
|
|
|
if (screen === "lobby" && multi.room && multi.playerId) return (
|
|
<LobbyScreen
|
|
room={multi.room} playerId={multi.playerId}
|
|
error={error} setError={setError} loading={loading}
|
|
onLeave={handlers.handleLeave}
|
|
onStart={handlers.handleStartGame}
|
|
onReset={handlers.handleResetGame}
|
|
/>
|
|
);
|
|
|
|
if (screen === "game" && multi.room && multi.playerId) return (
|
|
<GameScreen
|
|
room={multi.room} playerId={multi.playerId}
|
|
html={multi.html} title={multi.title}
|
|
loading={multi.loading} loadError={multi.loadError}
|
|
history={multi.history} clicks={multi.clicks}
|
|
elapsed={fmt(multi.elapsed)}
|
|
countdown={multi.countdown}
|
|
onNavigate={multi.navigate}
|
|
onRetry={multi.retryLoad}
|
|
onNextRound={handlers.handleNextRound}
|
|
onResetGame={handlers.handleResetGame}
|
|
/>
|
|
);
|
|
|
|
return null;
|
|
}
|