delivery: fix map updating and enhance UI
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -106,6 +106,8 @@ export const AddressSummary = () => {
|
||||
return null;
|
||||
}
|
||||
|
||||
console.log(location);
|
||||
|
||||
return (
|
||||
<>
|
||||
<Card
|
||||
|
||||
Reference in New Issue
Block a user