fix: build errors

Author: kevinjosethomas

src/components/Home/LiveChessBoard.tsx

@@ -4,6 +4,7 @@ import { AnimatePresence, motion } from 'framer-motion'
 import { Chess } from 'chess.ts'
 import Chessground from '@react-chess/chessground'
 import { getLichessTVGame, streamLichessGame } from 'src/api/lichess/streaming'
+import { StreamedGame, StreamedMove } from 'src/types/stream'
 
 interface LiveGameData {
   gameId: string
@@ -35,21 +36,21 @@ export const LiveChessBoard: React.FC = () => {
   const [error, setError] = useState<string | null>(null)
   const abortController = useRef<AbortController | null>(null)
 
-  const handleGameStart = useCallback((gameData: any) => {
+  const handleGameStart = useCallback((gameData: StreamedGame) => {
     console.log('Live board - Game started:', gameData)
     if (gameData.fen) {
       setCurrentFen(gameData.fen)
     }
     setLiveGame({
-      gameId: gameData.id || gameData.gameId,
-      white: gameData.players?.white || gameData.white,
-      black: gameData.players?.black || gameData.black,
+      gameId: gameData.id,
+      white: gameData.players?.white,
+      black: gameData.players?.black,
       currentFen: gameData.fen,
       isLive: true,
     })
   }, [])
 
-  const handleMove = useCallback((moveData: any) => {
+  const handleMove = useCallback((moveData: StreamedMove) => {
     console.log('Live board - New move:', moveData)
     if (moveData.fen) {
       setCurrentFen(moveData.fen)

src/pages/analysis/[...id].tsx

@@ -659,10 +659,10 @@ const Analysis: React.FC<Props> = ({
                   {player.rating ? <>({player.rating})</> : null}
                 </span>
               </div>
-              {analyzedGame.termination.winner ===
+              {analyzedGame.termination?.winner ===
               (index == 0 ? 'white' : 'black') ? (
                 <p className="text-xs text-engine-3">1</p>
-              ) : analyzedGame.termination.winner !== 'none' ? (
+              ) : analyzedGame.termination?.winner !== 'none' ? (
                 <p className="text-xs text-human-3">0</p>
               ) : analyzedGame.termination === undefined ? (
                 <></>
@@ -684,16 +684,16 @@ const Analysis: React.FC<Props> = ({
           )}
         </div>
         <div className="flex items-center gap-1">
-          {analyzedGame.termination.winner === 'none' ? (
+          {analyzedGame.termination?.winner === 'none' ? (
             <span className="font-medium text-primary/80">½-½</span>
           ) : (
             <span className="font-medium">
               <span className="text-primary/70">
-                {analyzedGame.termination.winner === 'white' ? '1' : '0'}
+                {analyzedGame.termination?.winner === 'white' ? '1' : '0'}
               </span>
               <span className="text-primary/70">-</span>
               <span className="text-primary/70">
-                {analyzedGame.termination.winner === 'black' ? '1' : '0'}
+                {analyzedGame.termination?.winner === 'black' ? '1' : '0'}
               </span>
             </span>
           )}
@@ -837,7 +837,7 @@ const Analysis: React.FC<Props> = ({
                   : analyzedGame.whitePlayer.rating
               }
               color={controller.orientation === 'white' ? 'black' : 'white'}
-              termination={analyzedGame.termination.winner}
+              termination={analyzedGame.termination?.winner}
             />
             <div className="desktop-board-container relative flex aspect-square">
               <GameBoard
@@ -907,7 +907,7 @@ const Analysis: React.FC<Props> = ({
                   : analyzedGame.blackPlayer.rating
               }
               color={controller.orientation === 'white' ? 'white' : 'black'}
-              termination={analyzedGame.termination.winner}
+              termination={analyzedGame.termination?.winner}
               showArrowLegend={true}
             />
           </div>