Account management section design changes

Design matches matrix-org/matrix-react-sdk#8681
sandhose · Feb 17, 2023 · 576623c · 576623c
1 parent 64fe60e
commit 576623c
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/platform/web/ui/session/settings/SettingsView.js b/src/platform/web/ui/session/settings/SettingsView.js
@@ -50,7 +50,12 @@ export class SettingsView extends TemplateView {
 
         settingNodes.push(
             t.if(vm => vm.accountManagementUrl, t => {
-                return t.p([vm.i18n`You can manage your account `, t.a({href: vm.accountManagementUrl, target: "_blank"}, vm.i18n`here`), "."]);
+                const url = new URL(vm.accountManagementUrl);
+                return t.div([
+                    t.h3("Account"),
+                    t.p([vm.i18n`Your account details are managed separately at `, t.code(url.hostname), "."]),
+                    t.button({ onClick: () => window.open(vm.accountManagementUrl, '_blank') }, vm.i18n`Manage account`),
+                ]);
             }),
         );