diff --git a/src/frontend/src/features/home/components/LaterMeetingDialog.tsx b/src/frontend/src/features/home/components/LaterMeetingDialog.tsx index 74d3ca50..f6831236 100644 --- a/src/frontend/src/features/home/components/LaterMeetingDialog.tsx +++ b/src/frontend/src/features/home/components/LaterMeetingDialog.tsx @@ -5,7 +5,7 @@ import { Bold, Button, Dialog, type DialogProps, P, Text } from '@/primitives' import { HStack } from '@/styled-system/jsx' import { RiCheckLine, RiFileCopyLine, RiSpam2Fill } from '@remixicon/react' import { css } from '@/styled-system/css' -import { ApiRoom } from '@/features/rooms/api/ApiRoom' +import { ApiAccessLevel, ApiRoom } from '@/features/rooms/api/ApiRoom' import { useTelephony } from '@/features/rooms/livekit/hooks/useTelephony' import { formatPinCode } from '@/features/rooms/utils/telephony' @@ -197,26 +197,28 @@ export const LaterMeetingDialog = ({ )} )} - -
- +
-
- - {t('permissions')} - - + > + +
+ + {t('permissions')} + +
+ )} )} diff --git a/src/frontend/src/features/rooms/components/Conference.tsx b/src/frontend/src/features/rooms/components/Conference.tsx index 929e99c6..89e18407 100644 --- a/src/frontend/src/features/rooms/components/Conference.tsx +++ b/src/frontend/src/features/rooms/components/Conference.tsx @@ -240,7 +240,6 @@ export const Conference = ({ setShowInviteDialog(false)} /> )} diff --git a/src/frontend/src/features/rooms/components/InviteDialog.tsx b/src/frontend/src/features/rooms/components/InviteDialog.tsx index 33a73ea2..5bafadc4 100644 --- a/src/frontend/src/features/rooms/components/InviteDialog.tsx +++ b/src/frontend/src/features/rooms/components/InviteDialog.tsx @@ -12,6 +12,8 @@ import { } from '@remixicon/react' import { useEffect, useState } from 'react' import { css } from '@/styled-system/css' +import { useRoomData } from '@/features/rooms/livekit/hooks/useRoomData' +import { ApiAccessLevel } from '@/features/rooms/api/ApiRoom' // fixme - extract in a proper primitive this dialog without overlay const StyledRACDialog = styled(Dialog, { @@ -34,13 +36,11 @@ const StyledRACDialog = styled(Dialog, { }, }) -export const InviteDialog = ({ - roomId, - ...dialogProps -}: { roomId: string } & Omit) => { +export const InviteDialog = (props: Omit) => { const { t } = useTranslation('rooms') - const roomUrl = getRouteUrl('room', roomId) + const roomData = useRoomData() + const roomUrl = getRouteUrl('room', roomData?.slug) const [isCopied, setIsCopied] = useState(false) useEffect(() => { @@ -51,7 +51,7 @@ export const InviteDialog = ({ }, [isCopied]) return ( - + {({ close }) => ( { - dialogProps.onClose?.() + props.onClose?.() close() }} aria-label={t('closeDialog')} @@ -99,26 +99,28 @@ export const InviteDialog = ({ )} - -
- +
-
- - {t('shareDialog.permissions')} - - + > + +
+ + {t('shareDialog.permissions')} + +
+ )}
)}