chore(#28): restore new game step titles without step counters
- Reintroduce 'Neues Spiel' titles on all creation steps - Remove only the 'Schritt X/Y' portions as requested Refs #28
This commit is contained in:
@@ -127,6 +127,7 @@ const Player1Step = ({ playerNameHistory, onNext, onCancel, initialValue = '' }:
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<form className={styles['new-game-form']} onSubmit={handleSubmit} aria-label="Spieler 1 Eingabe" autoComplete="off">
|
<form className={styles['new-game-form']} onSubmit={handleSubmit} aria-label="Spieler 1 Eingabe" autoComplete="off">
|
||||||
|
<div className={styles['screen-title']}>Neues Spiel</div>
|
||||||
<div className={styles['progress-indicator']} style={{ marginBottom: UI_CONSTANTS.MARGIN_BOTTOM_MEDIUM }}>
|
<div className={styles['progress-indicator']} style={{ marginBottom: UI_CONSTANTS.MARGIN_BOTTOM_MEDIUM }}>
|
||||||
<span className={styles['progress-dot'] + ' ' + styles['active']} />
|
<span className={styles['progress-dot'] + ' ' + styles['active']} />
|
||||||
<span className={styles['progress-dot']} />
|
<span className={styles['progress-dot']} />
|
||||||
@@ -353,6 +354,7 @@ const Player2Step = ({ playerNameHistory, onNext, onCancel, initialValue = '' }:
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<form className={styles['new-game-form']} onSubmit={handleSubmit} aria-label="Spieler 2 Eingabe" autoComplete="off">
|
<form className={styles['new-game-form']} onSubmit={handleSubmit} aria-label="Spieler 2 Eingabe" autoComplete="off">
|
||||||
|
<div className={styles['screen-title']}>Neues Spiel</div>
|
||||||
<div className={styles['progress-indicator']} style={{ marginBottom: 24 }}>
|
<div className={styles['progress-indicator']} style={{ marginBottom: 24 }}>
|
||||||
<span className={styles['progress-dot']} />
|
<span className={styles['progress-dot']} />
|
||||||
<span className={styles['progress-dot'] + ' ' + styles['active']} />
|
<span className={styles['progress-dot'] + ' ' + styles['active']} />
|
||||||
@@ -496,6 +498,7 @@ const Player3Step = ({ playerNameHistory, onNext, onCancel, initialValue = '' }:
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<form className={styles['new-game-form']} onSubmit={handleSubmit} aria-label="Spieler 3 Eingabe" autoComplete="off">
|
<form className={styles['new-game-form']} onSubmit={handleSubmit} aria-label="Spieler 3 Eingabe" autoComplete="off">
|
||||||
|
<div className={styles['screen-title']}>Neues Spiel</div>
|
||||||
<div className={styles['progress-indicator']} style={{ marginBottom: 24 }}>
|
<div className={styles['progress-indicator']} style={{ marginBottom: 24 }}>
|
||||||
<span className={styles['progress-dot']} />
|
<span className={styles['progress-dot']} />
|
||||||
<span className={styles['progress-dot']} />
|
<span className={styles['progress-dot']} />
|
||||||
@@ -623,6 +626,7 @@ const GameTypeStep = ({ onNext, onCancel, initialValue = '' }: GameTypeStepProps
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<form className={styles['new-game-form']} onSubmit={handleSubmit} aria-label="Spielart auswählen">
|
<form className={styles['new-game-form']} onSubmit={handleSubmit} aria-label="Spielart auswählen">
|
||||||
|
<div className={styles['screen-title']}>Neues Spiel</div>
|
||||||
<div className={styles['progress-indicator']} style={{ marginBottom: 24 }}>
|
<div className={styles['progress-indicator']} style={{ marginBottom: 24 }}>
|
||||||
<span className={styles['progress-dot']} />
|
<span className={styles['progress-dot']} />
|
||||||
<span className={styles['progress-dot']} />
|
<span className={styles['progress-dot']} />
|
||||||
@@ -726,6 +730,7 @@ const RaceToStep = ({ onNext, onCancel, initialValue = '', gameType }: RaceToSte
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<form className={styles['new-game-form']} onSubmit={handleSubmit} aria-label="Race To auswählen">
|
<form className={styles['new-game-form']} onSubmit={handleSubmit} aria-label="Race To auswählen">
|
||||||
|
<div className={styles['screen-title']}>Neues Spiel</div>
|
||||||
<div className={styles['progress-indicator']} style={{ marginBottom: 24 }}>
|
<div className={styles['progress-indicator']} style={{ marginBottom: 24 }}>
|
||||||
<span className={styles['progress-dot']} />
|
<span className={styles['progress-dot']} />
|
||||||
<span className={styles['progress-dot']} />
|
<span className={styles['progress-dot']} />
|
||||||
@@ -800,6 +805,7 @@ const BreakRuleStep = ({ onNext, onCancel, initialValue = 'winnerbreak' }: Break
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<form className={styles['new-game-form']} aria-label="Break-Regel wählen">
|
<form className={styles['new-game-form']} aria-label="Break-Regel wählen">
|
||||||
|
<div className={styles['screen-title']}>Neues Spiel</div>
|
||||||
<div style={{ display: 'flex', gap: 12, marginTop: 12 }}>
|
<div style={{ display: 'flex', gap: 12, marginTop: 12 }}>
|
||||||
{[
|
{[
|
||||||
{ key: 'winnerbreak', label: 'Winnerbreak' },
|
{ key: 'winnerbreak', label: 'Winnerbreak' },
|
||||||
@@ -852,6 +858,7 @@ const BreakOrderStep = ({ players, rule, onNext, onCancel }: BreakOrderStepProps
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<form className={styles['new-game-form']} aria-label="Break-Reihenfolge wählen">
|
<form className={styles['new-game-form']} aria-label="Break-Reihenfolge wählen">
|
||||||
|
<div className={styles['screen-title']}>Neues Spiel</div>
|
||||||
<div style={{ marginBottom: 16, fontWeight: 600 }}>Wer bricht zuerst?</div>
|
<div style={{ marginBottom: 16, fontWeight: 600 }}>Wer bricht zuerst?</div>
|
||||||
<div style={{ display: 'flex', gap: 12, flexWrap: 'wrap' }}>
|
<div style={{ display: 'flex', gap: 12, flexWrap: 'wrap' }}>
|
||||||
{players.filter(Boolean).map((name, idx) => (
|
{players.filter(Boolean).map((name, idx) => (
|
||||||
|
|||||||
Reference in New Issue
Block a user