Fixed #7610 Toggle Emergency Contact No. From Phone Number

src/Components/Patient/PatientRegister.tsx

@@ -62,6 +62,7 @@ import useQuery from "../../Utils/request/useQuery.js";
 import routes from "../../Redux/api.js";
 import request from "../../Utils/request/request.js";
 import SelectMenuV2 from "../Form/SelectMenuV2.js";
+import Checkbox from "../Common/components/CheckBox.js";
 
 const Loading = lazy(() => import("../Common/Loading"));
 const PageTitle = lazy(() => import("../Common/PageTitle"));
@@ -221,6 +222,8 @@ export const PatientRegister = (props: PatientRegisterProps) => {
   const [insuranceDetails, setInsuranceDetails] = useState<HCXPolicyModel[]>(
     [],
   );
+  const [isEmergencyNumberEnabled, setIsEmergencyNumberEnabled] =
+    useState(false);
   const [insuranceDetailsError, setInsuranceDetailsError] =
     useState<FieldError>();
 
@@ -1303,6 +1306,14 @@ export const PatientRegister = (props: PatientRegisterProps) => {
                               }}
                               types={["mobile", "landline"]}
                             />
+                            <Checkbox
+                              label="Is the phone number an emergency number?"
+                              className="font-bold"
+                              checked={isEmergencyNumberEnabled}
+                              onCheck={(checked) =>
+                                setIsEmergencyNumberEnabled(checked)
+                              }
+                            />
                           </div>
                           <div
                             data-testid="emergency-phone-number"
@@ -1313,6 +1324,12 @@ export const PatientRegister = (props: PatientRegisterProps) => {
                               label="Emergency contact number"
                               required
                               types={["mobile", "landline"]}
+                              disabled={isEmergencyNumberEnabled}
+                              value={
+                                isEmergencyNumberEnabled
+                                  ? field("phone_number").value
+                                  : initForm.emergency_phone_number
+                              }
                             />
                           </div>
                           <div data-testid="name" id="name-div">