diff --git a/src/Room.jsx b/src/Room.jsx index dc9f5f21..1b8b49e7 100644 --- a/src/Room.jsx +++ b/src/Room.jsx @@ -42,7 +42,11 @@ import "matrix-react-sdk/res/css/views/voip/GroupCallView/_VideoGrid.scss"; import { useGroupCall } from "matrix-react-sdk/src/hooks/useGroupCall"; import { useCallFeed } from "matrix-react-sdk/src/hooks/useCallFeed"; import { useMediaStream } from "matrix-react-sdk/src/hooks/useMediaStream"; -import { useClient, useLoadGroupCall } from "./ConferenceCallManagerHooks"; +import { + useClient, + useLoadGroupCall, + useProfile, +} from "./ConferenceCallManagerHooks"; import { ErrorView, LoadingView, FullScreenView } from "./FullScreenView"; import { GroupCallInspector } from "./GroupCallInspector"; import * as Sentry from "@sentry/react"; @@ -234,7 +238,11 @@ export function GroupCallView({ } else if (state === GroupCallState.Entering) { return ; } else if (left) { - return ; + if (isPasswordlessUser) { + return ; + } else { + return ; + } } else { return ( Your call is now ended - - Why not finish by creating an account? - You'll be able to: - - Easily access all your previous call links - Set a username and avatar - - - Create account - + + Why not finish by creating an account? + You'll be able to: + + Easily access all your previous call links + Set a username and avatar + + + Create account + + + Not now, return to home screen + + ); +} + +export function PasswordlessUserCallEndedScreen({ client }) { + const { displayName } = useProfile(client); + + return ( + + {displayName}, your call is now ended + + Why not finish by setting up a password to keep your account? + + You'll be able to keep your name and set an avatar for use on future + calls + + + Create account + + Not now, return to home screen ); diff --git a/src/Room.module.css b/src/Room.module.css index 25de9d11..7517bfd3 100644 --- a/src/Room.module.css +++ b/src/Room.module.css @@ -165,6 +165,7 @@ limitations under the License. } .callEndedScreen h1 { + text-align: center; margin-bottom: 60px; } @@ -181,10 +182,16 @@ limitations under the License. .callEndedScreen ul { padding: 0; margin-bottom: 40px; + text-align: initial; + padding-left: 20px; } .callEndedButton { width: 100%; +} + +.callEndedContent { + text-align: center; max-width: 360px; }
You'll be able to:
Why not finish by creating an account?
Why not finish by setting up a password to keep your account?
+ You'll be able to keep your name and set an avatar for use on future + calls +