diff --git a/src/frontend/src/features/rooms/livekit/components/Admin.tsx b/src/frontend/src/features/rooms/livekit/components/Admin.tsx index 1ebbacda..8942de3b 100644 --- a/src/frontend/src/features/rooms/livekit/components/Admin.tsx +++ b/src/frontend/src/features/rooms/livekit/components/Admin.tsx @@ -11,6 +11,9 @@ import { useQuery } from '@tanstack/react-query' import { useParams } from 'wouter' import { usePublishSourcesManager } from '../hooks/usePublishSourcesManager' import { usePermissionsManager } from '../hooks/usePermissionsManager' +import { useEffect } from 'react' +import { closeSidePanel } from '@/stores/layout' +import { useIsAdminOrOwner } from '../hooks/useIsAdminOrOwner' export const Admin = () => { const { t } = useTranslation('rooms', { keyPrefix: 'admin' }) @@ -23,6 +26,14 @@ export const Admin = () => { const { mutateAsync: patchRoom } = usePatchRoom() + const isAdminOrOwner = useIsAdminOrOwner() + + useEffect(() => { + if (!isAdminOrOwner) { + closeSidePanel() + } + }, [isAdminOrOwner]) + const { data: readOnlyData } = useQuery({ queryKey: [keys.room, roomId], queryFn: () => fetchRoom({ roomId }),