delivery: fix map updating and enhance UI

This commit is contained in:
2026-01-15 07:49:58 +03:00
parent ab5867b0cb
commit e50d2dfd4c
3 changed files with 141 additions and 82 deletions

View File

@@ -64,30 +64,70 @@ export default function AddressPage() {
name="loginForm"
form={form}
>
<div style={{ display: "flex", gap: 10 }}>
<div style={{ display: "flex", flexDirection: "column", gap: 10 }}>
<div style={{ display: "flex", gap: 10 }}>
<Form.Item
name="floor"
rules={[{ required: true, message: "" }]}
style={{ width: "100%" }}
>
<Input
placeholder={t("address.floor")}
style={{
fontSize: 14,
height: 50,
}}
autoFocus={false}
/>
</Form.Item>{" "}
<Form.Item
name="apt"
rules={[{ required: true, message: "" }]}
style={{ width: "100%" }}
>
<Input
placeholder={t("address.aptNumber")}
style={{
fontSize: 14,
height: 50,
}}
autoFocus={false}
/>
</Form.Item>
</div>
<Form.Item
label={t("floor")}
name="floor"
name="street"
rules={[{ required: true, message: "" }]}
style={{ width: "100%" }}
>
<Input
placeholder={t("address.floor")}
placeholder={t("address.street")}
style={{
fontSize: 14,
height: 50,
}}
autoFocus={false}
/>
</Form.Item>{" "}
</Form.Item>
<Form.Item
label={t("address.aptNumber")}
name="apt"
name="additional"
rules={[{ required: true, message: "" }]}
style={{ width: "100%" }}
>
<Input
placeholder={t("address.aptNumber")}
placeholder={t("address.additionalDirection")}
style={{
fontSize: 14,
height: 50,
}}
autoFocus={false}
/>
</Form.Item>
<Form.Item
name="addressLabel"
rules={[{ required: true, message: "" }]}
>
<Input
placeholder={t("address.addressLabel")}
style={{
fontSize: 14,
height: 50,
@@ -96,51 +136,6 @@ export default function AddressPage() {
/>
</Form.Item>
</div>
<Form.Item
label={t("address.street")}
name="street"
rules={[{ required: true, message: "" }]}
>
<Input
placeholder={t("address.street")}
style={{
fontSize: 14,
height: 50,
}}
autoFocus={false}
/>
</Form.Item>
<Form.Item
label={t("address.additionalDirection")}
name="additional"
rules={[{ required: true, message: "" }]}
>
<Input
placeholder={t("address.additionalDirection")}
style={{
fontSize: 14,
height: 50,
}}
autoFocus={false}
/>
</Form.Item>
<ProPhoneInput label={t("address.mobileNumber")} propName="phone" />
<Form.Item
label={t("address.addressLabel")}
name="addressLabel"
rules={[{ required: true, message: "" }]}
>
<Input
placeholder={t("address.addressLabel")}
style={{
fontSize: 14,
height: 50,
}}
autoFocus={false}
/>
</Form.Item>
</Form>
</Card>
</div>

View File

@@ -106,6 +106,8 @@ export const AddressSummary = () => {
return null;
}
console.log(location);
return (
<>
<Card