imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Apply prettier formatting

Browse source
This commit is contained in:
Michael Weimann 2022-12-12 12:24:14 +01:00
parent 1cac306093
commit 526645c791
No known key found for this signature in database
GPG key ID: 53F535A266BB9584
1576 changed files with 65385 additions and 62478 deletions
Download patch file Download diff file Expand all files Collapse all files

49
src/components/views/user-onboarding/UserOnboardingHeader.tsx
View file

@ -26,7 +26,7 @@ import Heading from "../../views/typography/Heading";
const onClickSendDm = (ev: ButtonEvent) => {
PosthogTrackers.trackInteraction("WebUserOnboardingHeaderSendDm", ev);
defaultDispatcher.dispatch({ action: 'view_create_chat' });
defaultDispatcher.dispatch({ action: "view_create_chat" });
};
interface Props {
@ -42,26 +42,34 @@ export function UserOnboardingHeader({ useCase }: Props) {
switch (useCase) {
case UseCase.PersonalMessaging:
title = _t("Secure messaging for friends and family");
description = _t("With free end-to-end encrypted messaging, and unlimited voice and video calls, " +
"%(brand)s is a great way to stay in touch.", {
brand: SdkConfig.get("brand"),
});
description = _t(
"With free end-to-end encrypted messaging, and unlimited voice and video calls, " +
"%(brand)s is a great way to stay in touch.",
{
brand: SdkConfig.get("brand"),
},
);
image = require("../../../../res/img/user-onboarding/PersonalMessaging.png");
actionLabel = _t("Start your first chat");
break;
case UseCase.WorkMessaging:
title = _t("Secure messaging for work");
description = _t("With free end-to-end encrypted messaging, and unlimited voice and video calls," +
" %(brand)s is a great way to stay in touch.", {
brand: SdkConfig.get("brand"),
});
description = _t(
"With free end-to-end encrypted messaging, and unlimited voice and video calls," +
" %(brand)s is a great way to stay in touch.",
{
brand: SdkConfig.get("brand"),
},
);
image = require("../../../../res/img/user-onboarding/WorkMessaging.png");
actionLabel = _t("Find your co-workers");
break;
case UseCase.CommunityMessaging:
title = _t("Community ownership");
description = _t("Keep ownership and control of community discussion.\n" +
"Scale to support millions, with powerful moderation and interoperability.");
description = _t(
"Keep ownership and control of community discussion.\n" +
"Scale to support millions, with powerful moderation and interoperability.",
);
image = require("../../../../res/img/user-onboarding/CommunityMessaging.png");
actionLabel = _t("Find your people");
break;
@ -69,10 +77,13 @@ export function UserOnboardingHeader({ useCase }: Props) {
title = _t("Welcome to %(brand)s", {
brand: SdkConfig.get("brand"),
});
description = _t("With free end-to-end encrypted messaging, and unlimited voice and video calls," +
" %(brand)s is a great way to stay in touch.", {
brand: SdkConfig.get("brand"),
});
description = _t(
"With free end-to-end encrypted messaging, and unlimited voice and video calls," +
" %(brand)s is a great way to stay in touch.",
{
brand: SdkConfig.get("brand"),
},
);
image = require("../../../../res/img/user-onboarding/PersonalMessaging.png");
actionLabel = _t("Start your first chat");
break;
@ -82,14 +93,12 @@ export function UserOnboardingHeader({ useCase }: Props) {
<div className="mx_UserOnboardingHeader">
<div className="mx_UserOnboardingHeader_content">
<Heading size="h1">
{ title }
{title}
<span className="mx_UserOnboardingHeader_dot">.</span>
</Heading>
<p>
{ description }
</p>
<p>{description}</p>
<AccessibleButton onClick={onClickSendDm} kind="primary">
{ actionLabel }
{actionLabel}
</AccessibleButton>
</div>
<img className="mx_UserOnboardingHeader_image" src={image} alt="" />