fix(core): UX improvements for account pages

bigcommerce · Nov 11, 2024 · bee0653 · bee0653
1 parent a8da829
commit bee0653
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 14 deletions.
diff --git a/.changeset/slimy-months-hunt.md b/.changeset/slimy-months-hunt.md
@@ -0,0 +1,5 @@
+---
+"@bigcommerce/catalyst-core": patch
+---
+
+UX improvements for account pages
diff --git a/core/app/[locale]/(default)/account/(tabs)/layout.tsx b/core/app/[locale]/(default)/account/(tabs)/layout.tsx
@@ -1,4 +1,3 @@
-import { useTranslations } from 'next-intl';
 import { setRequestLocale } from 'next-intl/server';
 import { PropsWithChildren } from 'react';
 
@@ -13,11 +12,8 @@ interface Props extends PropsWithChildren {
 export default function AccountTabLayout({ children, params: { locale } }: Props) {
   setRequestLocale(locale);
 
-  const t = useTranslations('Account.Home');
-
   return (
     <>
-      <h1 className="my-8 text-4xl font-black lg:my-8 lg:text-5xl">{t('heading')}</h1>
       <TabNavigation />
       {children}
     </>

diff --git a/core/app/[locale]/(default)/account/(tabs)/settings/change-password/page.tsx b/core/app/[locale]/(default)/account/(tabs)/settings/change-password/page.tsx
@@ -22,12 +22,10 @@ export default function ChangePassword({ params: { locale } }: Props) {
   setRequestLocale(locale);
 
   return (
-    <>
+    <div className="mx-auto lg:w-2/3">
       <TabHeading heading="settings" />
-      <div className="mx-auto lg:w-2/3">
-        <ChangePasswordForm />
-      </div>
-    </>
+      <ChangePasswordForm />
+    </div>
   );
 }
 

diff --git a/core/app/[locale]/(default)/account/(tabs)/settings/page.tsx b/core/app/[locale]/(default)/account/(tabs)/settings/page.tsx
@@ -24,12 +24,10 @@ export default async function Settings() {
   }
 
   return (
-    <>
+    <div className="mx-auto lg:w-2/3">
       <TabHeading heading="settings" />
-      <div className="mx-auto lg:w-2/3">
-        <UpdateSettingsForm {...customerSettings} />
-      </div>
-    </>
+      <UpdateSettingsForm {...customerSettings} />
+    </div>
   );
 }