Merge branch 'feature/view-patient-data' of https://git.seyfertsoft.com/sonika/patient_Information_reactProject into feature/view-patient-data

src/Components/PatientForm/PersonalSection1.tsx

@@ -147,44 +147,49 @@ export default function PersonalSection({
           className='collapsable-form-style'
         >
           <TextField
-            required
+              required
-            variant='outlined'
+              variant='outlined'
-            label='Phone Number'
+              label='Phone Number'
-            name='cellPhone'
+              name='cellPhone'
-            type='number'
+              type='number'
-            placeholder='Please enter your cell Phone number'
+              placeholder='Please enter your cell Phone number'
-            value={
+              value={
-              type == 'display'
+                type == 'display'
-                ? patientDataDiplay.cellPhone
+                  ? patientDataDiplay.cellPhone
-                : patient.cellPhone
+                  : patient.cellPhone
-            }
-            disabled={type == 'display'}
-            onChange={(e) => {
-              setPatient((prevValues: any) => ({
-                ...prevValues,
-                cellPhone: e.target.value,
-              }));
-            }}
-            onBlur={(e) => {
-              if (!/^\d{10}$/.test(e.target.value)) {
-                setPatient((prevValues: any) => ({
-                  ...prevValues,
-                  cellPhoneError: true,
-                }));
-              } else {
-                setPatient((prevValues: any) => ({
-                  ...prevValues,
-                  cellPhoneError: false,
-                }));
               }
-            }}
+              disabled={type == 'display'}
-            error={patient.cellPhoneError}
+              onChange={(e) => {
-            helperText={
+                let value = e.target.value;
-              patient.cellPhoneError
+                if (value[0] === '0') {
-                ? 'Please enter a valid 10-digit phone number'
+                  value = value.slice(1);
-                : ''
+                }
-            }
+                setPatient((prevValues: any) => ({
-          />
+                  ...prevValues,
+                  cellPhone: value,
+                }));
+              }}
+              onBlur={(e) => {
+                if (!/^\d{10}$/.test(e.target.value)) {
+                  setPatient((prevValues: any) => ({
+                    ...prevValues,
+                    cellPhoneError: true,
+                  }));
+                } else {
+                  setPatient((prevValues: any) => ({
+                    ...prevValues,
+                    cellPhoneError: false,
+                  }));
+                }
+              }}
+              error={patient.cellPhoneError}
+              helperText={
+                patient.cellPhoneError
+                  ? 'Please enter a valid 10-digit phone number'
+                  : ''
+              }
+            />
+
         </Grid>
 
         <Grid