Update Daily Puzzles table buttons to match Song Library style
This commit is contained in:
@@ -964,35 +964,22 @@ export default function AdminPage() {
|
||||
<td style={{ padding: '0.75rem', fontWeight: 'bold' }}>{puzzle.song.title}</td>
|
||||
<td style={{ padding: '0.75rem' }}>{puzzle.song.artist}</td>
|
||||
<td style={{ padding: '0.75rem', textAlign: 'center' }}>
|
||||
<button
|
||||
onClick={() => handlePlayPuzzle(puzzle)}
|
||||
style={{
|
||||
padding: '0.5rem 1rem',
|
||||
marginRight: '0.5rem',
|
||||
background: playingPuzzleId === puzzle.id ? '#ef4444' : '#3b82f6',
|
||||
color: 'white',
|
||||
border: 'none',
|
||||
borderRadius: '0.25rem',
|
||||
cursor: 'pointer',
|
||||
fontSize: '0.875rem'
|
||||
}}
|
||||
>
|
||||
{playingPuzzleId === puzzle.id ? '⏸ Pause' : '▶ Play'}
|
||||
</button>
|
||||
<button
|
||||
onClick={() => handleDeletePuzzle(puzzle.id)}
|
||||
style={{
|
||||
padding: '0.5rem 1rem',
|
||||
background: '#ef4444',
|
||||
color: 'white',
|
||||
border: 'none',
|
||||
borderRadius: '0.25rem',
|
||||
cursor: 'pointer',
|
||||
fontSize: '0.875rem'
|
||||
}}
|
||||
>
|
||||
🗑️ Delete
|
||||
</button>
|
||||
<div style={{ display: 'flex', gap: '0.5rem', justifyContent: 'center' }}>
|
||||
<button
|
||||
onClick={() => handlePlayPuzzle(puzzle)}
|
||||
style={{ fontSize: '1.25rem', cursor: 'pointer', border: 'none', background: 'none' }}
|
||||
title={playingPuzzleId === puzzle.id ? "Pause" : "Play"}
|
||||
>
|
||||
{playingPuzzleId === puzzle.id ? '⏸️' : '▶️'}
|
||||
</button>
|
||||
<button
|
||||
onClick={() => handleDeletePuzzle(puzzle.id)}
|
||||
style={{ fontSize: '1.25rem', cursor: 'pointer', border: 'none', background: 'none' }}
|
||||
title="Delete"
|
||||
>
|
||||
🗑️
|
||||
</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
))}
|
||||
|
||||
Reference in New Issue
Block a user