elpatron/hoerdle
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: improve UX with modern skip/solve buttons, ID sorting, and URL-safe filenames

Browse Source
This commit is contained in:
Hördle Bot
2025-11-21 21:44:16 +01:00
parent 3f544bf77c
commit 75a8a63b21
4 changed files with 69 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
components/Game.tsx
View File

@@ -136,12 +136,28 @@ export default function Game({ dailyPuzzle }: GameProps) {
{!hasWon && !hasLost && (
<>
<GuessInput onGuess={handleGuess} disabled={false} />
<button
onClick={() => addGuess("SKIPPED", false)}
className="skip-button"
>
Skip (+{UNLOCK_STEPS[Math.min(gameState.guesses.length + 1, 6)] - unlockedSeconds}s)
</button>
{gameState.guesses.length < 6 ? (
<button
onClick={() => addGuess("SKIPPED", false)}
className="skip-button"
>
Skip (+{UNLOCK_STEPS[Math.min(gameState.guesses.length + 1, 6)] - unlockedSeconds}s)
</button>
) : (
<button
onClick={() => {
addGuess("SKIPPED", false);
setHasLost(true);
}}
className="skip-button"
style={{
background: 'linear-gradient(135deg, #f093fb 0%, #f5576c 100%)',
boxShadow: '0 4px 15px rgba(245, 87, 108, 0.4)'
}}
>
Solve (Give Up)
</button>
)}
</>
)}