steffo/sophon
steffo/sophon
1
Fork 0
mirror of https://github.com/Steffo99/sophon.git synced 2024-12-23 07:14:21 +00:00
Code Activity

🔧 Make button icons spin while the resource is busy

Browse source
This commit is contained in:
Steffo 2021-10-10 17:12:53 +02:00
parent f7ad614323
commit 1a689d3333
Signed by: steffo
GPG key ID: 6965406171929D01
2 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/components/group/GroupJoinButton.tsx
View file

@ -37,7 +37,7 @@ export function GroupJoinButton({resource}: GroupJoinButtonProps): JSX.Element |
return ( return (
<Button disabled={!canJoin} onClick={doJoin} bluelibClassNames={resource.busy ? "color-yellow" : ""}> <Button disabled={!canJoin} onClick={doJoin} bluelibClassNames={resource.busy ? "color-yellow" : ""}>
<FontAwesomeIcon icon={faUserPlus}/>&nbsp;Join <FontAwesomeIcon icon={faUserPlus} pulse={resource.busy}/>&nbsp;Join
</Button> </Button>
) )
} }

2
frontend/src/components/group/GroupLeaveButton.tsx
View file

@ -38,7 +38,7 @@ export function GroupLeaveButton({resource}: GroupLeaveButtonProps): JSX.Element
return ( return (
<Button disabled={!canLeave} onClick={doLeave} bluelibClassNames={resource.busy ? "color-yellow" : ""}> <Button disabled={!canLeave} onClick={doLeave} bluelibClassNames={resource.busy ? "color-yellow" : ""}>
<FontAwesomeIcon icon={faUserMinus}/>&nbsp;Leave <FontAwesomeIcon icon={faUserMinus} pulse={resource.busy}/>&nbsp;Leave
</Button> </Button>
) )
} }