knee-cola/evidencija-rezija
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor: rename account-form to settings-form and update translations

Browse Source
This commit is contained in:
Knee Cola
2025-11-18 12:33:24 +01:00
parent 6b5fb6c44d
commit b03f0574cd
5 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/lib/actions/userProfileActions.ts
View File

@@ -107,7 +107,7 @@ export const getUserProfile = withUser(async (user: AuthenticatedUser) => {
export const updateUserProfile = withUser(async (user: AuthenticatedUser, prevState: State, formData: FormData) => {
noStore();
const t = await getTranslations("account-form.validation");
const t = await getTranslations("settings-form.validation");
const validatedFields = FormSchema(t).safeParse({
firstName: formData.get('firstName') || undefined,

8
app/ui/AccountForm.tsx
View File

@@ -6,7 +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";
import SettingsIcon from "@mui/icons-material/Settings";
import { formatIban } from "../lib/formatStrings";
import { InfoBox } from "./InfoBox";
@@ -22,7 +22,7 @@ type FormFieldsProps = {
const FormFields: FC<FormFieldsProps> = ({ profile, errors, message }) => {
const { pending } = useFormStatus();
const t = useTranslations("account-form");
const t = useTranslations("settings-form");
const locale = useLocale();
// Track current form values for real-time validation
@@ -194,12 +194,12 @@ const FormFields: FC<FormFieldsProps> = ({ profile, errors, message }) => {
export const AccountForm: FC<AccountFormProps> = ({ profile }) => {
const initialState = { message: null, errors: {} };
const [state, dispatch] = useFormState(updateUserProfile, initialState);
const t = useTranslations("account-form");
const t = useTranslations("settings-form");
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"><AccountCircleIcon className="w-6 h-6" /> {t("title")}</h2>
<h2 className="card-title"><SettingsIcon className="w-6 h-6" /> {t("title")}</h2>
<form action={dispatch}>
<FormFields
profile={profile}

4
app/ui/PageHeader.tsx
View File

@@ -1,7 +1,7 @@
import Image from "next/image";
import Link from "next/link";
import { SelectLanguage } from "./SelectLanguage";
import AccountCircleIcon from "@mui/icons-material/AccountCircle";
import Settings from "@mui/icons-material/Settings";
export const PageHeader = () =>
<div className="navbar bg-base-100 mb-6">
@@ -9,6 +9,6 @@ export const PageHeader = () =>
<span className="grow">&nbsp;</span>
<SelectLanguage />
<Link href="/account/" className="btn btn-ghost btn-circle">
<AccountCircleIcon className="w-6 h-6" />
<Settings className="w-6 h-6" />
</Link>
</div>