From 77173718c1837e2e527782accdf3c82682b1f04d Mon Sep 17 00:00:00 2001
From: Frank Schwenk <frank@frank-schwenk.de>
Date: Thu, 30 Oct 2025 13:47:13 +0100
Subject: [PATCH] fix(#28): add right arrow to BreakRule step and correct back
 nav

- BreakRule step now shows a right arrow that advances using current selection
- Back navigation from BreakRule returns to Race To instead of exiting to list

Refs #28
---
 src/components/NewGame.tsx               | 3 +++
 src/components/screens/NewGameScreen.tsx | 3 +++
 2 files changed, 6 insertions(+)

diff --git a/src/components/NewGame.tsx b/src/components/NewGame.tsx
index 3e2134d..9203e2a 100644
--- a/src/components/NewGame.tsx
+++ b/src/components/NewGame.tsx
@@ -845,6 +845,9 @@ const BreakRuleStep = ({ onNext, onCancel, initialValue = 'winnerbreak' }: Break
         <button type="button" className={styles['arrow-btn']} aria-label="Zurück" onClick={onCancel} style={{ fontSize: 48, width: 80, height: 80, borderRadius: '50%', background: '#222', color: '#fff', border: 'none', boxShadow: '0 2px 8px rgba(0,0,0,0.15)', cursor: 'pointer' }}>
           &#8592;
         </button>
+        <button type="button" className={styles['arrow-btn']} aria-label="Weiter" onClick={() => onNext(rule)} style={{ fontSize: 48, width: 80, height: 80, borderRadius: '50%', background: '#222', color: '#fff', border: 'none', boxShadow: '0 2px 8px rgba(0,0,0,0.15)', cursor: 'pointer' }}>
+          &#8594;
+        </button>
       </div>
     </form>
   );
diff --git a/src/components/screens/NewGameScreen.tsx b/src/components/screens/NewGameScreen.tsx
index cae296e..2f4bff5 100644
--- a/src/components/screens/NewGameScreen.tsx
+++ b/src/components/screens/NewGameScreen.tsx
@@ -84,6 +84,9 @@ export default function NewGameScreen({
       case 'raceTo':
         onStepChange('gameType');
         break;
+      case 'breakRule':
+        onStepChange('raceTo');
+        break;
       case 'breakOrder':
         onStepChange('breakRule');
         break;