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; }