Fascinated/scoresaber-reloaded-v2
1
2
Fork 0
Code Issues 1 Pull Requests 10 Actions Activity

fix(ssr): add screen reader labels to buttons on player page
All checks were successful
deploy / deploy (push) Successful in 1m20s
Details

Browse Source
This commit is contained in:
Lee 2023-11-08 08:49:33 +00:00
parent e40c78e9b9
commit 6ec834ddc5
1 changed files with 3 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/player/PlayerInfo.tsx
View File

@ -136,6 +136,7 @@ export default function PlayerInfo({ playerData }: PlayerInfoProps) {
onClick={claimProfile} onClick={claimProfile}
tooltip={<p>Set as your Profile</p>} tooltip={<p>Set as your Profile</p>}
icon={<HomeIcon width={24} height={24} />} icon={<HomeIcon width={24} height={24} />}
ariaLabel="Set as your Profile"
/> />
)} )}
@ -147,6 +148,7 @@ export default function PlayerInfo({ playerData }: PlayerInfoProps) {
tooltip={<p>Add as Friend</p>} tooltip={<p>Add as Friend</p>}
icon={<UserIcon width={24} height={24} />} icon={<UserIcon width={24} height={24} />}
color="bg-green-500" color="bg-green-500"
ariaLabel="Add Friend"
/> />
)} )}
@ -156,6 +158,7 @@ export default function PlayerInfo({ playerData }: PlayerInfoProps) {
tooltip={<p>Remove Friend</p>} tooltip={<p>Remove Friend</p>}
icon={<XMarkIcon width={24} height={24} />} icon={<XMarkIcon width={24} height={24} />}
color="bg-red-500" color="bg-red-500"
ariaLabel="Remove Friend"
/> />
)} )}
</> </>