Make UI changes in AccountSetupView

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"),
                 ]),
         ]);
     }