Skip to content

Refactor/lobby hub - #64

Merged
Amr3011 merged 12 commits into
devfrom
Refactor/lobby_hub
Mar 11, 2026
Merged

Refactor/lobby hub#64
Amr3011 merged 12 commits into
devfrom
Refactor/lobby_hub

Conversation

@Amr3011

@Amr3011 Amr3011 commented Mar 11, 2026

Copy link
Copy Markdown
Collaborator

This pull request refactors the admin and participant management UI in the meeting room, merging the lobby requests and participant list into a unified, scrollable "People" panel. It also improves the admin leave/end meeting controls and streamlines the handling of lobby requests. The changes enhance usability for admins, making it easier to admit/reject lobby requests and manage participants, while also improving code structure and type safety.

Unified People Panel & Lobby Management

  • Merged the participant list and lobby requests into a single scrollable "People" panel, allowing admins to view and manage both groups from one place. Added collapsible sections for "Waiting to join" (lobby) and "In the meeting" (participants), with "Admit all" functionality for lobby requests. (frontend/src/components/meeting/AdminControls/index.tsx, frontend/src/components/meeting/LiveKitMeetingRoom/AdminPanel.tsx) [1] [2] [3]
  • Added new props and types to support lobby request handling, including lobbyRequests, lobbyRespondingTo, onLobbyRespond, and onLobbyAdmitAll. (frontend/src/components/meeting/AdminControls/types.ts, frontend/src/components/meeting/LiveKitMeetingRoom/AdminPanel.tsx) [1] [2]

Participant Item UI Improvements

  • Enhanced ParticipantItem UI to show avatars (from metadata) or initials, improving visual clarity. (frontend/src/components/meeting/AdminControls/ParticipantItem.tsx) [1] [2] [3]

Admin Leave/End Meeting Controls

  • Refactored the leave button for admins to provide a dropdown menu with options to leave or end the meeting for all, including confirmation and error handling. (frontend/src/components/meeting/CustomControlBar/LeaveButton.tsx, frontend/src/components/meeting/CustomControlBar/index.tsx) [1] [2] [3] [4]

Lobby WebSocket & Notification Handling

  • Integrated lobby WebSocket and notification sound hooks into MeetingContent, allowing real-time updates and sound notifications for new lobby requests. Added handlers for responding to individual/all requests. (frontend/src/components/meeting/LiveKitMeetingRoom/MeetingContent.tsx) [1] [2]

Miscellaneous UI and Type Updates

  • Updated styling and layout for the participants list and admin controls panel, and passed necessary props through component hierarchy for improved type safety and state management. (frontend/src/components/meeting/AdminControls/ParticipantsList.tsx, frontend/src/components/meeting/LiveKitMeetingRoom/ControlBarSection.tsx) [1] [2] [3]

These changes collectively improve the admin experience for managing participants and lobby requests, streamline UI interactions, and ensure type safety throughout the codebase.

@vercel

vercel Bot commented Mar 11, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
mini-meeting Ready Ready Preview, Comment Mar 11, 2026 7:25pm

@Amr3011
Amr3011 merged commit 2b70618 into dev Mar 11, 2026
3 checks passed
@Amr3011
Amr3011 deleted the Refactor/lobby_hub branch March 11, 2026 21:37
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants