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

Rename 'street' to 'ownerStreet' in UserSettings with 25 character max length

Browse Source 
Changes:
- Updated UserSettings interface: street -> ownerStreet
- Updated userSettingsActions.ts:
  - Changed State type to use ownerStreet
  - Added max length validation (25 characters) to FormSchema
  - Updated validation refinement to check ownerStreet
  - Updated form data parsing to read ownerStreet
  - Updated database write operations to use ownerStreet
- Updated UserSettingsForm.tsx:
  - Changed state tracking to use ownerStreet
  - Updated validation check to reference ownerStreet
  - Updated input field: id, name, maxLength={25}
- Updated ViewLocationCard.tsx to use ownerStreet instead of street
- Updated English translations:
  - street-label -> owner-street-label: "Your Street and House Number"
  - street-placeholder -> owner-street-placeholder
  - street-required -> owner-street-required
- Updated Croatian translations with corresponding ownerStreet keys

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Knee Cola
2025-11-22 22:37:04 +01:00
parent db1df76ed6
commit 387b7e0256
6 changed files with 29 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
app/ui/UserSettingsForm.tsx
View File

@@ -28,7 +28,7 @@ const FormFields: FC<FormFieldsProps> = ({ userSettings, errors, message }) => {
// Track current form values for real-time validation
const [formValues, setFormValues] = useState({
ownerName: userSettings?.ownerName ?? "",
street: userSettings?.street ?? "",
ownerStreet: userSettings?.ownerStreet ?? "",
town: userSettings?.town ?? "",
iban: formatIban(userSettings?.iban) ?? "",
currency: userSettings?.currency ?? "EUR",
@@ -40,7 +40,7 @@ const FormFields: FC<FormFieldsProps> = ({ userSettings, errors, message }) => {
// Check if any required field is missing (clean IBAN of spaces for validation)
const cleanedIban = formValues.iban.replace(/\s/g, '');
const hasMissingData = !formValues.ownerName || !formValues.street || !formValues.town || !cleanedIban || !formValues.currency;
const hasMissingData = !formValues.ownerName || !formValues.ownerStreet || !formValues.town || !cleanedIban || !formValues.currency;
// Track whether to generate 2D code for tenant (use persisted value from database)
const [show2dCodeInMonthlyStatement, setShow2dCodeInMonthlyStatement] = useState(
@@ -96,21 +96,22 @@ const FormFields: FC<FormFieldsProps> = ({ userSettings, errors, message }) => {
<div className="form-control w-full">
<label className="label">
<span className="label-text">{t("street-label")} </span>
<span className="label-text">{t("owner-street-label")} </span>
</label>
<input
id="street"
name="street"
id="ownerStreet"
name="ownerStreet"
type="text"
placeholder={t("street-placeholder")}
maxLength={25}
placeholder={t("owner-street-placeholder")}
className="input input-bordered w-full placeholder:text-gray-600"
defaultValue={userSettings?.street ?? ""}
onChange={(e) => handleInputChange("street", e.target.value)}
defaultValue={userSettings?.ownerStreet ?? ""}
onChange={(e) => handleInputChange("ownerStreet", e.target.value)}
disabled={pending}
/>
<div id="street-error" aria-live="polite" aria-atomic="true">
{errors?.street &&
errors.street.map((error: string) => (
<div id="ownerStreet-error" aria-live="polite" aria-atomic="true">
{errors?.ownerStreet &&
errors.ownerStreet.map((error: string) => (
<p className="mt-2 text-sm text-red-500" key={error}>
{error}
</p>