diff --git a/src/room/GroupCallView.tsx b/src/room/GroupCallView.tsx index 63c73474..9181e4eb 100644 --- a/src/room/GroupCallView.tsx +++ b/src/room/GroupCallView.tsx @@ -93,6 +93,7 @@ export function GroupCallView({ avatarUrl: avatarUrl!, roomId: groupCall.room.roomId, roomName: groupCall.room.name, + roomAlias: groupCall.room.getCanonicalAlias(), }; }, [displayName, avatarUrl, groupCall]); diff --git a/src/room/InCallView.tsx b/src/room/InCallView.tsx index ee3e893a..6ee91607 100644 --- a/src/room/InCallView.tsx +++ b/src/room/InCallView.tsx @@ -467,7 +467,12 @@ export function InCallView({ /> )} {inviteModalState.isOpen && ( - + )} ); diff --git a/src/room/InviteModal.tsx b/src/room/InviteModal.tsx index ce17ac18..781f2ed6 100644 --- a/src/room/InviteModal.tsx +++ b/src/room/InviteModal.tsx @@ -23,10 +23,10 @@ import { getRoomUrl } from "../matrix-utils"; import styles from "./InviteModal.module.css"; interface Props extends Omit { - roomId: string; + roomIdOrAlias: string; } -export const InviteModal: FC = ({ roomId, ...rest }) => { +export const InviteModal: FC = ({ roomIdOrAlias, ...rest }) => { const { t } = useTranslation(); return ( @@ -40,7 +40,7 @@ export const InviteModal: FC = ({ roomId, ...rest }) => {

{t("Copy and share this call link")}

diff --git a/src/room/LobbyView.tsx b/src/room/LobbyView.tsx index bfd437e8..082c547c 100644 --- a/src/room/LobbyView.tsx +++ b/src/room/LobbyView.tsx @@ -112,7 +112,9 @@ export function LobbyView(props: Props) { Or