From 841dad434693cf7b7868fb04f0fa097a618c0485 Mon Sep 17 00:00:00 2001
From: Mohammed Al-yaseen <mohammed.o.alyaseen@gmail.com>
Date: Sat, 15 Nov 2025 23:29:27 +0300
Subject: [PATCH] add new phone input

---
 .../CustomBottomSheet/OfficeBottomSheet.tsx       | 15 +++++----------
 1 file changed, 5 insertions(+), 10 deletions(-)

diff --git a/src/components/CustomBottomSheet/OfficeBottomSheet.tsx b/src/components/CustomBottomSheet/OfficeBottomSheet.tsx
index ea3d094..1a1e39d 100644
--- a/src/components/CustomBottomSheet/OfficeBottomSheet.tsx
+++ b/src/components/CustomBottomSheet/OfficeBottomSheet.tsx
@@ -3,6 +3,7 @@ import { OfficeDetailsType } from "features/order/orderSlice";
 import { useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import { ProBottomSheet } from "../ProBottomSheet/ProBottomSheet";
+import ProPhoneInput from "../ProPhoneInput";
 
 const { TextArea } = Input;
 
@@ -108,16 +109,10 @@ export function OfficeBottomSheet({
             autoFocus={false}
           />
         </Form.Item>
-        <Form.Item name="phone" label={t("address.phone")}>
-          <Input
-            placeholder={t("address.phone")}
-            size="large"
-            style={{
-              fontSize: 14,
-            }}
-            autoFocus={false}
-          />
-        </Form.Item>
+        <ProPhoneInput
+          propName="phone"
+          label={t("address.phone")}
+        />
         <Form.Item name="note" label={t("address.note")}>
           <TextArea
             placeholder={t("address.addressLabel")}