yihan hide assign badges button from all but owner/admin class

[AriaYu927]

Description

Mainly changes explained:

Add conditional rendering on assign badges button. So, the button only shows up when the users is of Owner/Admin class or has assign badges permission.

How to test:

check into current branch
do npm install and ... to run this PR locally
log as different type of user
go to profile page→ Assign badges→ Choose→ Save
check if only owner, administrator and users who has the permission can see the button and assign badges.

Screenshots or videos of changes:

owner, administrator or other users who have assign badges permission:

users don't have assign badges permission:

[LucileTech]

Hit @AriaYu927 I tested your PR with Volunteer, Admin and Core Team rights and it works as intended, the Assign Badge button is only displayed with Admin Rights:

[abdel-lall]

worked for me. good job!

[PrabhjotSembhi]

it has issues please check my video

HGN.APP.-.Google.Chrome.2023-04-15.15-44-25.mp4

You can fix this or much better will redo it on a new branch

[KaixiangGU]

It works on my end, check the video below. Thank you @AriaYu927

bandicam.2023-04-15.10-57-26-532.mp4

[AriaYu927]

it has issues please check my video

You can fix this or much better will redo it on a new branch

Hi @PrabhjotSembhi , thank you for pointing out the problem! I tested it on my end but I wasn't able to reproduce the issue. Here's the video:

PR_771.mp4

[AriaYu927]

It works on my end, check the video below. Thank you @AriaYu927

Thank you for testing @KaixiangGU

[one-community]

Don't close PRs if you can avoid it, fix them instead.

[ypan710]

Hi @AriaYu927, I've tested your PR and it worked as expected.

[Lucas-E]

Hey Yihan, just tested you PR and it works as expected!

[one-community]

Thank you all, will merge this as soon as Prabhjot approves it too. Following up with him by DM.

I found this I am facing this issue in development branch. I want others to check this so we can fix this bug if it this bug persist.