From e0f50ac984718a59e3edd82d09a297b6c40968bd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Viktor=20R=C3=A5dberg?= <viktor.raadberg@refapp.com>
Date: Sun, 16 Nov 2025 18:36:06 +0100
Subject: [PATCH] Make forfeit button always visible in player menu
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Changed forfeit button to always be visible instead of only when player can lose:
- Removed conditional check in LifeCounter (always passes onForfeit)
- Removed conditional rendering in PlayerMenu (button always shows)
- Button remains functional with safety check inside onClick handler

This makes it easier for players to forfeit at any time during the game.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/Components/LifeCounter/LifeCounter.tsx |  2 +-
 src/Components/Players/PlayerMenu.tsx      | 32 +++++++++++-----------
 2 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/src/Components/LifeCounter/LifeCounter.tsx b/src/Components/LifeCounter/LifeCounter.tsx
index e5f313a..054a9dd 100644
--- a/src/Components/LifeCounter/LifeCounter.tsx
+++ b/src/Components/LifeCounter/LifeCounter.tsx
@@ -268,7 +268,7 @@ const LifeCounter = ({ player, opponents, matchScore }: LifeCounterProps) => {
           isShown={showPlayerMenu}
           player={player}
           setShowPlayerMenu={setShowPlayerMenu}
-          onForfeit={playerCanLose(player) ? toggleGameLost : undefined}
+          onForfeit={toggleGameLost}
         />
       </LifeCounterWrapper>
     </LifeCounterContentWrapper>
diff --git a/src/Components/Players/PlayerMenu.tsx b/src/Components/Players/PlayerMenu.tsx
index 4e1db57..9f391b0 100644
--- a/src/Components/Players/PlayerMenu.tsx
+++ b/src/Components/Players/PlayerMenu.tsx
@@ -483,27 +483,27 @@ const PlayerMenu = ({
               <ResetGame size={iconSize} />
             </button>
 
-            {onForfeit && (
-              <button
-                style={{
-                  cursor: 'pointer',
-                  userSelect: 'none',
-                  fontSize: buttonFontSize,
-                  padding: '2px',
-                }}
-                className="text-red-500"
-                onClick={() => {
+            <button
+              style={{
+                cursor: 'pointer',
+                userSelect: 'none',
+                fontSize: buttonFontSize,
+                padding: '2px',
+              }}
+              className="text-red-500"
+              onClick={() => {
+                if (onForfeit) {
                   analytics.trackEvent('forfeit_game', {
                     player: player.index,
                   });
                   onForfeit();
                   setShowPlayerMenu(false);
-                }}
-                aria-label="Forfeit Game"
-              >
-                <Skull size={iconSize} />
-              </button>
-            )}
+                }
+              }}
+              aria-label="Forfeit Game"
+            >
+              <Skull size={iconSize} />
+            </button>
           </ButtonsSections>
         </BetterRowContainer>