fix: fixing linting and typing errors

Author: csantosr

app/[lang]/game/local/_store/game-settings.ts

@@ -1,8 +1,7 @@
 import { atom } from 'jotai';
-import type z from 'zod';
-import type { localGameFormSchema } from '../setup/_components/form';
+import type { LocalGameFormSchema } from '../setup/_components/form';
 
-export const gameSettingsAtom = atom<z.infer<typeof localGameFormSchema>>({
+export const gameSettingsAtom = atom<LocalGameFormSchema>({
   players: [],
   numberOfSpies: '0',
   randomNumberOfSpies: false,

app/[lang]/game/local/play/_components/game.tsx

@@ -1,27 +1,28 @@
 'use client';
 
-import { useAtomValue } from "jotai";
-import { type FC, useCallback, useMemo, useState } from "react";
-import { GameCard } from "@/game/_components/card";
-import { gameSettingsAtom } from "../../_store/game-settings";
-import { GameTimer } from "./timer";
-import { Dictionary } from "@/dictionaries";
-import enWords from "@/word-bank/en.json";
-import esWords from "@/word-bank/es.json";
-import type { Locale } from "@/dictionaries";
+import { useAtomValue } from 'jotai';
+import { type FC, useCallback, useMemo, useState } from 'react';
+import type { Dictionary, Locale } from '@/dictionaries';
+import { GameCard } from '@/game/_components/card';
+import enWords from '@/word-bank/en.json';
+import esWords from '@/word-bank/es.json';
+import { gameSettingsAtom } from '../../_store/game-settings';
+import { GameTimer } from './timer';
 
-
-export const Game: FC<{ dict: Dictionary; lang: Locale }> = ({ dict, lang }) => {
+export const Game: FC<{ dict: Dictionary; lang: Locale }> = ({
+  dict,
+  lang,
+}) => {
   const gameSettings = useAtomValue(gameSettingsAtom);
   const [currentPlayerIndex, setCurrentPlayerIndex] = useState(0);
   const [gameKey, setGameKey] = useState(0);
 
   // Get random word based on language
   const word = useMemo(() => {
-    const words = lang === "es" ? esWords : enWords;
+    const words = lang === 'es' ? esWords : enWords;
     const randomIndex = Math.floor(Math.random() * words.length);
     return words[randomIndex];
-  }, [lang, gameKey]);
+  }, [lang]);
 
   // Generate spy assignments
   // biome-ignore lint/correctness/useExhaustiveDependencies: gameKey is intentionally used to trigger regeneration

app/[lang]/game/local/play/_components/timer.tsx

@@ -56,10 +56,10 @@ export const GameTimer: FC<GameTimerProps> = ({
   const formattedTime = `${minutes}:${seconds.toString().padStart(2, '0')}`;
 
   const getTimerColor = () => {
-    if (isExpired || isStopped) return "text-destructive";
-    if (timeLeft <= 30) return "text-destructive";
-    if (timeLeft <= 60) return "text-warning";
-    return "text-foreground";
+    if (isExpired || isStopped) return 'text-destructive';
+    if (timeLeft <= 30) return 'text-destructive';
+    if (timeLeft <= 60) return 'text-warning';
+    return 'text-foreground';
   };
 
   const isFinished = isExpired || isStopped;
@@ -72,9 +72,7 @@ export const GameTimer: FC<GameTimerProps> = ({
         <div className="text-center">
           <h2 className="mb-2 font-bold text-2xl">{dict.timer.title}</h2>
           <p className="text-muted-foreground">
-            {isFinished
-              ? dict.timer.timeUpDescription
-              : dict.timer.description}
+            {isFinished ? dict.timer.timeUpDescription : dict.timer.description}
           </p>
         </div>
 
@@ -83,10 +81,11 @@ export const GameTimer: FC<GameTimerProps> = ({
             'flex h-64 w-64 items-center justify-center rounded-full border-4 shadow-lg transition-colors',
             getTimerColor(),
             {
-              "animate-pulse border-destructive": isExpired,
-              "border-destructive": (timeLeft <= 30 && !isFinished) || isStopped,
-              "border-warning": timeLeft > 30 && timeLeft <= 60 && !isFinished,
-              "border-border": timeLeft > 60 && !isFinished,
+              'animate-pulse border-destructive': isExpired,
+              'border-destructive':
+                (timeLeft <= 30 && !isFinished) || isStopped,
+              'border-warning': timeLeft > 30 && timeLeft <= 60 && !isFinished,
+              'border-border': timeLeft > 60 && !isFinished,
             },
           )}>
           <div className="text-center">

app/[lang]/game/local/play/page.tsx

@@ -8,7 +8,7 @@ const Page = async ({ params }: PageProps<'/[lang]/game/local/play'>) => {
 
   const dict = await getDictionary(lang);
 
-  return <Game dict={dict} lang={params.lang} />;
+  return <Game dict={dict} lang={lang} />;
 };
 
 export default Page;

app/[lang]/game/local/setup/_components/form.tsx

@@ -52,6 +52,10 @@ const createLocalGameFormSchema = (dict: Dictionary) =>
       },
     );
 
+export type LocalGameFormSchema = z.infer<
+  ReturnType<typeof createLocalGameFormSchema>
+>;
+
 export const LocalUsersForm: FC<{ dict: Dictionary; lang: string }> = ({
   dict,
   lang,

app/layout.tsx app/[lang]/layout.tsxapp/layout.tsx renamed to app/[lang]/layout.tsx

@@ -1,7 +1,7 @@
 import type { Metadata } from 'next';
 import { Geist, Geist_Mono } from 'next/font/google';
-import './globals.css';
-import { ThemeProvider } from './_providers/theme-provider';
+import '../globals.css';
+import { ThemeProvider } from '../_providers/theme-provider';
 
 const geistSans = Geist({
   variable: '--font-geist-sans',
@@ -38,9 +38,10 @@ export const metadata: Metadata = {
 export default async function RootLayout({
   children,
   params,
-}: LayoutProps<'/[lang]/game'>) {
+}: LayoutProps<'/[lang]'>) {
+  const { lang } = await params;
   return (
-    <html lang={(await params).lang} suppressHydrationWarning>
+    <html lang={lang} suppressHydrationWarning>
       <body
         className={`${geistSans.variable} ${geistMono.variable} antialiased`}>
         <ThemeProvider