diff --git a/apps/business/src/components/AddCustomerModal.module.css b/apps/business/src/components/AddCustomerModal.module.css
index fe43099..03d018f 100644
--- a/apps/business/src/components/AddCustomerModal.module.css
+++ b/apps/business/src/components/AddCustomerModal.module.css
@@ -1,3 +1,7 @@
+.wideModal {
+ max-width: min(800px, calc(100vw - 32px));
+}
+
.formGrid {
display: grid;
grid-template-columns: repeat(2, 1fr);
@@ -8,15 +12,29 @@
grid-column: 1 / -1;
}
-.hint {
- margin-bottom: 12px;
- font-size: 12px;
- line-height: 1.45;
+.keyPoints {
+ margin: 0 0 14px;
+ padding-inline-start: 1.15em;
+ list-style: disc;
+ font-size: 12.5px;
+ line-height: 1.5;
color: var(--text-secondary);
}
-@media (max-width: 520px) {
+.keyPoints li {
+ white-space: nowrap;
+}
+
+.keyPoints li + li {
+ margin-top: 4px;
+}
+
+@media (max-width: 640px) {
.formGrid {
grid-template-columns: 1fr;
}
+
+ .keyPoints li {
+ white-space: normal;
+ }
}
diff --git a/apps/business/src/components/AddCustomerModal.tsx b/apps/business/src/components/AddCustomerModal.tsx
index 1c290a0..d3bdcd5 100644
--- a/apps/business/src/components/AddCustomerModal.tsx
+++ b/apps/business/src/components/AddCustomerModal.tsx
@@ -28,6 +28,8 @@ export function AddCustomerModal({ open, onClose, onCreated }: AddCustomerModalP
const [closing, setClosing] = useState(false)
const [firstName, setFirstName] = useState('')
const [lastName, setLastName] = useState('')
+ const [firstNameEn, setFirstNameEn] = useState('')
+ const [lastNameEn, setLastNameEn] = useState('')
const [cellNumber, setCellNumber] = useState('')
const [password, setPassword] = useState('')
const [passwordConfirm, setPasswordConfirm] = useState('')
@@ -40,6 +42,8 @@ export function AddCustomerModal({ open, onClose, onCreated }: AddCustomerModalP
setClosing(false)
setFirstName('')
setLastName('')
+ setFirstNameEn('')
+ setLastNameEn('')
setCellNumber('')
setPassword('')
setPasswordConfirm('')
@@ -86,6 +90,16 @@ export function AddCustomerModal({ open, onClose, onCreated }: AddCustomerModalP
}
}
+ const trimmedFirstEn = firstNameEn.trim()
+ const trimmedLastEn = lastNameEn.trim()
+ if (
+ (trimmedFirstEn && trimmedFirstEn.length < 2) ||
+ (trimmedLastEn && trimmedLastEn.length < 2)
+ ) {
+ setError(t('customers.addModal.errorNameEnLength'))
+ return
+ }
+
setIsSubmitting(true)
setError('')
try {
@@ -93,6 +107,8 @@ export function AddCustomerModal({ open, onClose, onCreated }: AddCustomerModalP
cellNumber: normalizedCell,
firstName: firstName.trim(),
lastName: lastName.trim(),
+ ...(trimmedFirstEn ? { firstNameEn: trimmedFirstEn } : {}),
+ ...(trimmedLastEn ? { lastNameEn: trimmedLastEn } : {}),
...(trimmedPassword ? { password: trimmedPassword } : {}),
})
onCreated({
@@ -119,7 +135,7 @@ export function AddCustomerModal({ open, onClose, onCreated }: AddCustomerModalP
onClick={onClose}
>
e.stopPropagation()}
role="dialog"
aria-modal="true"
@@ -132,7 +148,6 @@ export function AddCustomerModal({ open, onClose, onCreated }: AddCustomerModalP
{t('customers.addModal.title')}
-
{t('customers.addModal.subtitle')}