fix: build errors

Author: kevinjosethomas

src/components/Analysis/AnalysisSidebar.tsx

@@ -16,6 +16,9 @@ import { useAnalysisController } from 'src/hooks/useAnalysisController'
 import type { MaiaEvaluation, StockfishEvaluation } from 'src/types'
 
 type AnalysisViewMode = 'simple' | 'detailed'
+type HighlightBoardDescription = ComponentProps<
+  typeof Highlight
+>['boardDescription']
 
 interface Props {
   hover: (move?: string) => void
@@ -98,7 +101,7 @@ export const AnalysisSidebar: React.FC<Props> = ({
         stockfish: undefined,
       }
 
-  const highlightBoardDescription = analysisEnabled
+  const highlightBoardDescription: HighlightBoardDescription = analysisEnabled
     ? controller.boardDescription
     : {
         segments: [

src/components/Common/ErrorBoundary.tsx

@@ -1,7 +1,6 @@
 import Link from 'next/link'
 import Head from 'next/head'
 import { Component } from 'react'
-import { Open_Sans } from 'next/font/google'
 import Chessground from '@react-chess/chessground'
 import { Header } from './Header'
 import { Footer } from './Footer'
@@ -17,7 +16,7 @@ interface State {
   error: Error | null
 }
 
-const OpenSans = Open_Sans({ subsets: ['latin'] })
+const openSansClassName = 'font-sans'
 
 export class ErrorBoundary extends Component<Props, State> {
   constructor(props: Props) {
@@ -67,7 +66,7 @@ export class ErrorBoundary extends Component<Props, State> {
                 href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap"
               />
             </Head>
-            <div className={`${OpenSans.className} app-container`}>
+            <div className={`${openSansClassName} app-container`}>
               <div className="flex min-h-screen w-screen flex-col bg-backdrop">
                 <Header />
                 <div className="flex flex-1 flex-col items-center justify-center gap-4">
@@ -104,7 +103,7 @@ export class ErrorBoundary extends Component<Props, State> {
             />
           </Head>
           <div
-            className={`${OpenSans.className} app-container flex min-h-screen w-screen flex-col bg-backdrop`}
+            className={`${openSansClassName} app-container flex min-h-screen w-screen flex-col bg-backdrop`}
           >
             <Header />
             <div className="flex flex-1 flex-col items-center justify-center gap-8 p-6">

src/components/Openings/OpeningDrillSidebar.tsx

@@ -64,6 +64,10 @@ export const OpeningDrillSidebar: React.FC<Props> = ({
     }
   }
 
+  const handleSetOrientation = (orientation: 'white' | 'black') => {
+    tree?.setOrientation(orientation)
+  }
+
   return (
     <div className={containerClass}>
       {/* Current Drill Info */}
@@ -241,7 +245,7 @@ export const OpeningDrillSidebar: React.FC<Props> = ({
             <BoardController
               gameTree={tree.gameTree}
               orientation={tree.orientation}
-              setOrientation={() => {}}
+              setOrientation={handleSetOrientation}
               currentNode={tree.currentNode}
               plyCount={tree.plyCount}
               goToNode={tree.goToNode}

src/components/Openings/OpeningSelectionModal.tsx

@@ -1139,7 +1139,7 @@ export const OpeningSelectionModal: React.FC<Props> = ({
         try {
           if (fenTester.load(potentialFen)) {
             detectedFen = potentialFen
-            inputLines.pop(0)
+            inputLines.shift()
             remainingInput = inputLines.join(' ')
           }
         } catch (error) {

src/pages/_app.tsx

@@ -5,7 +5,6 @@ import { useRouter } from 'next/router'
 import { useEffect } from 'react'
 import type { AppProps } from 'next/app'
 import posthog from 'posthog-js'
-import { Open_Sans } from 'next/font/google'
 import { Analytics } from '@vercel/analytics/react'
 import { PostHogProvider } from 'posthog-js/react'
 import { SoundProvider } from 'src/contexts/SoundContext'
@@ -34,7 +33,7 @@ import {
   FeedbackButton,
 } from 'src/components'
 
-const OpenSans = Open_Sans({ subsets: ['latin'] })
+const openSansClassName = 'font-sans'
 
 function MaiaPlatform({ Component, pageProps }: AppProps) {
   const router = useRouter()
@@ -107,7 +106,7 @@ function MaiaPlatform({ Component, pageProps }: AppProps) {
             <meta name="twitter:image" content="/embed.png" />
             <meta name="twitter:image:alt" content="Maia Chess" />
           </Head>
-          <div className={`${OpenSans.className} app-container`}>
+          <div className={`${openSansClassName} app-container`}>
             <Header />
             <div className="content-container">
               <Component {...pageProps} />