From 659ac7759ddcbe6de276090430da6e1f922a95d1 Mon Sep 17 00:00:00 2001
From: Cal Corum <calcorum@users.noreply.github.com>
Date: Fri, 6 Feb 2026 19:21:52 -0600
Subject: [PATCH] CLAUDE: Remove GameBoard (diamond) component from gameplay
 view

- Removed GameBoard component from both mobile and desktop layouts
- Removed unused GameBoard import
- RunnersOnBase component now handles runner display
- Cleaner UI focused on pitcher/batter matchup and expandable runner cards
---
 frontend-sba/components/Game/GamePlay.vue | 23 ++---------------------
 1 file changed, 2 insertions(+), 21 deletions(-)

diff --git a/frontend-sba/components/Game/GamePlay.vue b/frontend-sba/components/Game/GamePlay.vue
index 4798ad7..d4938cf 100644
--- a/frontend-sba/components/Game/GamePlay.vue
+++ b/frontend-sba/components/Game/GamePlay.vue
@@ -62,15 +62,7 @@
 
       <!-- Mobile Layout (Stacked) -->
       <div class="lg:hidden space-y-6">
-        <!-- Game Board -->
-        <GameBoard
-          :runners="runnersState"
-          :current-batter="gameState?.current_batter"
-          :current-pitcher="gameState?.current_pitcher"
-          :fielding-lineup="fieldingLineup"
-        />
-
-        <!-- Current Situation (below diamond, above gameplay panel) -->
+        <!-- Current Situation -->
         <CurrentSituation
           :current-batter="gameState?.current_batter"
           :current-pitcher="gameState?.current_pitcher"
@@ -137,17 +129,7 @@
       <div class="hidden lg:grid lg:grid-cols-3 gap-6">
         <!-- Left Column: Game State -->
         <div class="lg:col-span-2 space-y-6">
-          <!-- Game Board -->
-          <div class="bg-white dark:bg-gray-800 rounded-xl p-6 shadow-lg">
-            <GameBoard
-              :runners="runnersState"
-              :current-batter="gameState?.current_batter"
-              :current-pitcher="gameState?.current_pitcher"
-              :fielding-lineup="fieldingLineup"
-            />
-          </div>
-
-          <!-- Current Situation (below diamond, above gameplay panel) -->
+          <!-- Current Situation -->
           <CurrentSituation
             :current-batter="gameState?.current_batter"
             :current-pitcher="gameState?.current_pitcher"
@@ -346,7 +328,6 @@ import { useAuthStore } from '~/store/auth'
 import { useUiStore } from '~/store/ui'
 import { useWebSocket } from '~/composables/useWebSocket'
 import { useGameActions } from '~/composables/useGameActions'
-import GameBoard from '~/components/Game/GameBoard.vue'
 import CurrentSituation from '~/components/Game/CurrentSituation.vue'
 import RunnersOnBase from '~/components/Game/RunnersOnBase.vue'
 import PlayByPlay from '~/components/Game/PlayByPlay.vue'