Describe the bug
In the Office Hours Queue interface, clicking the "eye" icon next to a student's name reveals their user ID. However, the implementation is currently destructive: the toggle icon is removed from the DOM and the student's name is overwritten by the ID. This makes it impossible for a Instructor to switch back to the student's name without a full page reload.

Expected behavior
The interface should allow for non-destructive toggling. Clicking the icon should show the ID, and clicking it again should hide the ID and restore the student's name.

To Reproduce
Steps to reproduce the behavior:

1. Navigate to the Office Hours Queue page as a Instructor.
2. Click the eye icon ("Show user id") next to the name.
3. The name changes to the ID, and the icon disappears.
4. See error: There is no way to return to the student's name without refreshing the page.

Configuration

• OS: Linux
• Browser: Chrome

Screenshots