martials/pac-man-board-game
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

disabled state to button

Browse Source
This commit is contained in:
Martin Berg Alstad 2023-07-14 19:38:41 +02:00
parent 049d5e4aee
commit 969f3fcbc8
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
pac-man-board-game/ClientApp/src/components/gameButton.tsx
View File

@ -15,12 +15,12 @@ const GameButton: Component<GameButtonProps> = (
}) => { }) => {
const currentPlayer = useAtomValue(currentPlayerAtom); const currentPlayer = useAtomValue(currentPlayerAtom);
const thisPlayer = useAtomValue(thisPlayerAtom); const thisPlayer = useAtomValue(thisPlayerAtom);
if (currentPlayer === undefined || currentPlayer.State === State.waitingForPlayers) { if (currentPlayer === undefined || currentPlayer.State === State.waitingForPlayers) {
return <button onClick={onReadyClick}>Ready</button>; return <button onClick={onReadyClick}>Ready</button>;
} }
if (!thisPlayer?.isTurn()) { if (!thisPlayer?.isTurn()) {
return <button>Please wait</button>; return <button disabled>Please wait</button>;
} }
return <button onClick={onRollDiceClick}>Roll dice</button>; return <button onClick={onRollDiceClick}>Roll dice</button>;
}; };

4
pac-man-board-game/ClientApp/src/index.css
View File

@ -26,3 +26,7 @@ br {
button, button[type=submit], input[type=button], input[type=submit] { button, button[type=submit], input[type=button], input[type=submit] {
@apply bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded; @apply bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded;
} }
button[disabled] {
@apply bg-gray-500;
}