feat: modularize + clean up

Author: kevinjosethomas

src/components/Analysis/LegacyAnalysisGameList.tsx

@@ -10,7 +10,7 @@ import {
 import { motion } from 'framer-motion'
 
 import { Tournament, UserGameList } from 'src/components'
-import { AnalysisListContext, GameControllerContext } from 'src/contexts'
+import { AnalysisListContext, TreeControllerContext } from 'src/contexts'
 
 interface LegacyAnalysisGameListProps {
   currentId: string[] | null
@@ -44,7 +44,7 @@ export const LegacyAnalysisGameList: React.FC<LegacyAnalysisGameListProps> = ({
     'tournament' | 'pgn' | 'play' | 'hand' | 'brain'
   >('pgn')
 
-  const controller = useContext(GameControllerContext)
+  const controller = useContext(TreeControllerContext)
   const {
     analysisPlayList,
     analysisHandList,

src/components/Board/AnalysisGameBoard.tsx

@@ -1,7 +1,7 @@
 /* eslint-disable jsx-a11y/no-static-element-interactions */
 /* eslint-disable jsx-a11y/click-events-have-key-events */
 import React, { useContext, useMemo, Fragment, useEffect } from 'react'
-import { AnalysisGameControllerContext, WindowSizeContext } from 'src/contexts'
+import { TreeControllerContext, WindowSizeContext } from 'src/contexts'
 import { GameNode, AnalyzedGame, Termination, ClientBaseGame } from 'src/types'
 import { Tooltip } from 'react-tooltip'
 
@@ -88,7 +88,7 @@ export const AnalysisMovesContainer: React.FC<Props> = ({
   highlightIndices,
   termination,
 }: Props) => {
-  const { currentNode, goToNode } = useContext(AnalysisGameControllerContext)
+  const { currentNode, goToNode } = useContext(TreeControllerContext)
 
   const { isMobile } = useContext(WindowSizeContext)
 

src/components/Board/AnalysisMovesContainer.tsx

@@ -1,7 +1,7 @@
 import { useCallback, useContext, useEffect, useMemo } from 'react'
 
 import { useWindowSize } from 'src/hooks'
-import { GameControllerContext } from 'src/contexts/'
+import { TreeControllerContext } from 'src/contexts/'
 import { FlipIcon } from 'src/components/Icons/icons'
 
 interface Props {
@@ -16,7 +16,7 @@ export const BoardController: React.FC<Props> = ({ setCurrentMove }: Props) => {
     setCurrentIndex,
     currentIndex,
     plyCount,
-  } = useContext(GameControllerContext)
+  } = useContext(TreeControllerContext)
   const toggleBoardOrientation = useCallback(() => {
     setOrientation(orientation === 'white' ? 'black' : 'white')
   }, [orientation, setOrientation])