From 8bcd4200ed4771ea3d0cc8186986dc3d10f0eaf3 Mon Sep 17 00:00:00 2001
From: Khavin Shankar <khavinshankar@gmail.com>
Date: Sun, 1 Sep 2024 16:18:05 +0530
Subject: [PATCH] use label prop for displaying phone number component labels

---
 .../ABDM/LinkAbhaNumber/CreateWithAadhaar.tsx | 21 +++----------------
 1 file changed, 3 insertions(+), 18 deletions(-)

diff --git a/src/Components/ABDM/LinkAbhaNumber/CreateWithAadhaar.tsx b/src/Components/ABDM/LinkAbhaNumber/CreateWithAadhaar.tsx
index bd51cd87218..ee1af512178 100644
--- a/src/Components/ABDM/LinkAbhaNumber/CreateWithAadhaar.tsx
+++ b/src/Components/ABDM/LinkAbhaNumber/CreateWithAadhaar.tsx
@@ -297,13 +297,8 @@ function VerifyAadhaar({ memory, setMemory, next, goTo }: IVerifyAadhaarProps) {
       </div>
 
       <div className="mt-0">
-        <label
-          htmlFor="mobile_number"
-          className="block text-base font-normal text-secondary-900"
-        >
-          {t("enter_mobile_number")}
-        </label>
         <PhoneNumberFormField
+          label={t("enter_mobile_number")}
           labelSuffix={<></>}
           name="mobile_number"
           value={memory?.mobileNumber}
@@ -373,13 +368,8 @@ function LinkMobileNumber({ memory, setMemory, next }: ILinkMobileNumberProps) {
   return (
     <div>
       <div className="mt-0">
-        <label
-          htmlFor="mobile_number"
-          className="block text-base font-normal text-secondary-900"
-        >
-          {t("enter_mobile_number")}
-        </label>
         <PhoneNumberFormField
+          label={t("enter_mobile_number")}
           labelSuffix={<></>}
           name="mobile_number"
           value={memory?.mobileNumber}
@@ -446,13 +436,8 @@ function VerifyMobileNumber({
   return (
     <div>
       <div className="mt-0">
-        <label
-          htmlFor="mobile_number"
-          className="block text-base font-normal text-secondary-900"
-        >
-          {t("enter_mobile_number")}
-        </label>
         <PhoneNumberFormField
+          label={t("enter_mobile_number")}
           labelSuffix={<></>}
           name="mobile_number"
           value={memory?.mobileNumber}