From 9dd49436e325e1e0a6c4708da6f85d83ebb3c06d Mon Sep 17 00:00:00 2001
From: hamid zarghami <hamid.zarghami1@gmail.com>
Date: Mon, 16 Feb 2026 10:06:14 +0330
Subject: [PATCH] Add state and city

---
 .../address/new/components/AddressForm.tsx    | 20 +++++++++++++++++++
 .../address/new/hooks/useAddressForm.ts       |  8 ++++++--
 2 files changed, 26 insertions(+), 2 deletions(-)

diff --git a/src/app/[name]/(Profile)/profile/address/new/components/AddressForm.tsx b/src/app/[name]/(Profile)/profile/address/new/components/AddressForm.tsx
index 966de8c..3e2c6a0 100644
--- a/src/app/[name]/(Profile)/profile/address/new/components/AddressForm.tsx
+++ b/src/app/[name]/(Profile)/profile/address/new/components/AddressForm.tsx
@@ -9,6 +9,8 @@ interface AddressFormProps {
         addressDetails: string;
         phone: string;
         postalCode: string;
+        city: string;
+        province: string;
         isDefault: boolean;
     };
     selectedAddress: NominatimReverseGeocodingResponse | null;
@@ -50,6 +52,24 @@ export const AddressForm = ({
                 onChange={(e) => onFormDataChange({ addressDetails: e.target.value })}
                 inputClassName='text-xs!'
             />
+            <InputField
+                htmlFor={'province'}
+                labelText={'استان'}
+                placeholder={selectedAddress?.address?.state || selectedAddress?.address?.province || 'مثال: تهران'}
+                className='bg-inherit mt-8'
+                value={formData.province || selectedAddress?.address?.state || selectedAddress?.address?.province || ''}
+                onChange={(e) => onFormDataChange({ province: e.target.value })}
+                inputClassName='text-xs!'
+            />
+            <InputField
+                htmlFor={'city'}
+                labelText={'شهر'}
+                placeholder={selectedAddress?.address?.city || selectedAddress?.address?.district || 'مثال: تهران'}
+                className='bg-inherit mt-8'
+                value={formData.city || selectedAddress?.address?.city || selectedAddress?.address?.district || ''}
+                onChange={(e) => onFormDataChange({ city: e.target.value })}
+                inputClassName='text-xs!'
+            />
             <InputField
                 htmlFor={'phone'}
                 labelText={'شماره تلفن'}
diff --git a/src/app/[name]/(Profile)/profile/address/new/hooks/useAddressForm.ts b/src/app/[name]/(Profile)/profile/address/new/hooks/useAddressForm.ts
index 9337f7e..ef463f9 100644
--- a/src/app/[name]/(Profile)/profile/address/new/hooks/useAddressForm.ts
+++ b/src/app/[name]/(Profile)/profile/address/new/hooks/useAddressForm.ts
@@ -31,6 +31,8 @@ export const useAddressForm = ({
         addressDetails: '',
         phone: initialPhone,
         postalCode: '',
+        city: '',
+        province: '',
         isDefault: false,
     });
 
@@ -39,6 +41,8 @@ export const useAddressForm = ({
             setFormData({
                 title: addressData.title || '',
                 addressDetails: addressData.address || '',
+                city: addressData.city || '',
+                province: addressData.province || '',
                 phone: addressData.phone || initialPhone,
                 postalCode: addressData.postalCode || '',
                 isDefault: addressData.isDefault || false,
@@ -76,8 +80,8 @@ export const useAddressForm = ({
         const baseAddressData = {
             title: formData.title,
             address: formData.addressDetails,
-            city: selectedAddress.address.city || selectedAddress.address.district || '',
-            province: selectedAddress.address.province || selectedAddress.address.state || '',
+            city: formData.city || selectedAddress.address.city || selectedAddress.address.district || '',
+            province: formData.province || selectedAddress.address.province || selectedAddress.address.state || '',
             postalCode: formData.postalCode || selectedAddress.address.postcode || '',
             latitude: selectedPosition[0],
             longitude: selectedPosition[1],