diff --git a/src/ui/views/AccountSetupView.ts b/src/ui/views/AccountSetupView.ts index f95f99fe4ffcd5c9898f9b8101c255238b3c0bb0..145f692a3da56ceabef9fb5f37712fc052124881 100644 --- a/src/ui/views/AccountSetupView.ts +++ b/src/ui/views/AccountSetupView.ts @@ -25,16 +25,17 @@ class PolicyAgreementView extends TemplateView<AccountSetupViewModel> { render(t, vm: AccountSetupViewModel) { return t.div({ className: "PolicyAgreementView" }, [ - t.div({ className: "PolicyAgreementView-text"}, + t.div({ className: "PolicyAgreementView_title" }, "Your privacy comes first"), + t.div({ className: "PolicyAgreementView_text" }, [ - "By continuing you agree to the ", - t.a({ href: vm.privacyPolicyLink }, "Privacy Policy"), - ]), - t.div( - { className: "PolicyAgreementView-btn-collection" }, + "Please accept our ", + t.a({ href: vm.privacyPolicyLink }, "Privacy Policy"), + " before proceeding to the chat.", + ]), + t.div({ className: "PolicyAgreementView_btn-collection" }, [ - t.button( { onClick: () => (window as any).sendMinimizeToParent(), className: "button-action secondary PolicyAgreementView-cancel", }, "Cancel"), - t.button( { onClick: () => vm.completeRegistration(), className: "PolicyAgreementView-next button-action primary", }, "Next") + t.button({ onClick: () => vm.completeRegistration(), className: "PolicyAgreementView_next", }, "Accept and continue to chat"), + t.button({ onClick: () => (window as any).sendMinimizeToParent(), className: "button-action PolicyAgreementView_cancel", }, "Cancel"), ]), ]); }