fix: orientation bug + clean up code

Author: kevinjosethomas

src/components/Training/Feedback.tsx

@@ -83,20 +83,6 @@ export const Feedback: React.FC<Props> = ({
                 Try Again
               </button>
             )}
-            {status !== 'correct' && status !== 'incorrect' && (
-              <button
-                onClick={() => {
-                  controller.reset()
-                  if (status !== 'success' && status !== 'forfeit') {
-                    setStatus('default')
-                  }
-                }}
-                disabled={status == 'loading' || status == 'default'}
-                className="flex w-full justify-center rounded-sm bg-engine-3 py-1.5 text-sm font-medium text-primary transition duration-300 hover:bg-engine-4 disabled:bg-backdrop disabled:text-secondary"
-              >
-                Reset
-              </button>
-            )}
             {status !== 'forfeit' && status !== 'correct' && (
               <button
                 onClick={setAndGiveUp}

src/hooks/useAnalysisController/useAnalysisController.ts

@@ -14,8 +14,11 @@ import { useEngineAnalysis } from './useEngineAnalysis'
 import { useMoveRecommendations } from './useMoveRecommendations'
 import { useBoardDescription } from './useBoardDescription'
 
-export const useAnalysisController = (game: AnalyzedGame) => {
-  const controller = useTreeController(game.tree)
+export const useAnalysisController = (
+  game: AnalyzedGame,
+  initialOrientation?: 'white' | 'black',
+) => {
+  const controller = useTreeController(game.tree, initialOrientation)
 
   const [analysisState, setAnalysisState] = useState(0)
   const inProgressAnalyses = useMemo(() => new Set<string>(), [])

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

@@ -46,8 +46,8 @@ import { useRouter } from 'next/router'
 import type { Key } from 'chessground/types'
 import { Chess, PieceSymbol } from 'chess.ts'
 import { AnimatePresence } from 'framer-motion'
+import { useAnalysisController } from 'src/hooks'
 import type { DrawBrushes, DrawShape } from 'chessground/draw'
-import { useAnalysisController, useLocalStorage } from 'src/hooks'
 import { ConfigurableScreens } from 'src/components/Analysis/ConfigurableScreens'
 
 const MAIA_MODELS = [

src/pages/train.tsx

@@ -244,7 +244,10 @@ const Train: React.FC<Props> = ({
     return convertTrainingGameToAnalyzedGame(trainingGame)
   }, [trainingGame])
 
-  const analysisController = useAnalysisController(analyzedGame)
+  const analysisController = useAnalysisController(
+    analyzedGame,
+    controller.orientation,
+  )
 
   const { width } = useContext(WindowSizeContext)
   const isMobile = useMemo(() => width > 0 && width <= 670, [width])