Refactor account page to use icon in form title
- Remove redundant page heading from account page - Add AccountCircle icon to AccountForm title - Clean up unused account-page translations - Simplify account page component by moving title to form 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -2,17 +2,13 @@ import { FC, Suspense } from 'react';
|
||||
import { Main } from '@/app/ui/Main';
|
||||
import { AccountForm, AccountFormSkeleton } from '@/app/ui/AccountForm';
|
||||
import { getUserProfile } from '@/app/lib/actions/userProfileActions';
|
||||
import { useTranslations } from 'next-intl';
|
||||
import { getTranslations } from 'next-intl/server';
|
||||
|
||||
const AccountPage: FC = async () => {
|
||||
const profile = await getUserProfile();
|
||||
const t = await getTranslations('account-page');
|
||||
|
||||
return (
|
||||
<Main>
|
||||
<div className="flex flex-col items-center">
|
||||
<h1 className="text-2xl font-bold mb-4">{t('heading')}</h1>
|
||||
<AccountForm profile={profile} />
|
||||
</div>
|
||||
</Main>
|
||||
|
||||
@@ -6,6 +6,7 @@ import { updateUserProfile } from "../lib/actions/userProfileActions";
|
||||
import { useFormState, useFormStatus } from "react-dom";
|
||||
import { useLocale, useTranslations } from "next-intl";
|
||||
import Link from "next/link";
|
||||
import AccountCircleIcon from "@mui/icons-material/AccountCircle";
|
||||
|
||||
export type AccountFormProps = {
|
||||
profile: UserProfile | null;
|
||||
@@ -161,7 +162,7 @@ export const AccountForm: FC<AccountFormProps> = ({ profile }) => {
|
||||
return (
|
||||
<div className="card card-compact card-bordered min-w-[20em] max-w-[90em] bg-base-100 shadow-s my-1">
|
||||
<div className="card-body">
|
||||
<h2 className="card-title">{t("title")}</h2>
|
||||
<h2 className="card-title"><AccountCircleIcon className="w-6 h-6" /> {t("title")}</h2>
|
||||
<form action={dispatch}>
|
||||
<FormFields
|
||||
profile={profile}
|
||||
|
||||
Reference in New Issue
Block a user