feat:update

src/components/page/patient/PopupUpdatePatient/PopupUpdatePatient.tsx

@@ -238,7 +238,9 @@ const PopupUpdatePatient = ({ onClose, id }: PopupUpdatePatientProps) => {
 
             {/* GENDER */}
             <div>
-              <label className="text-base font-medium">Giới tính</label>
+              <label className="text-base font-medium">
+                Giới tính <span className="text-red-500">*</span>
+              </label>
 
               <div className="mt-2 flex items-center gap-6">
                 {/* NAM */}
@@ -293,7 +295,11 @@ const PopupUpdatePatient = ({ onClose, id }: PopupUpdatePatientProps) => {
             />
 
             <InputForm
-              label={<span>Email</span>}
+              label={
+                <span>
+                  Email<span className="text-red-500"> *</span>
+                </span>
+              }
               placeholder="Email"
               name="email"
               type="email"
@@ -304,7 +310,12 @@ const PopupUpdatePatient = ({ onClose, id }: PopupUpdatePatientProps) => {
             <TextArea
               name="address"
               placeholder="Địa chỉ"
-              label="Địa chỉ"
+              label={
+                <span>
+                  Địa chỉ
+                  <span className="text-red-500"> *</span>
+                </span>
+              }
               value={form.address}
               isRequired
               isBlur
@@ -313,7 +324,12 @@ const PopupUpdatePatient = ({ onClose, id }: PopupUpdatePatientProps) => {
 
             <InputForm
               isRequired
-              label="Người liên hệ khẩn cấp"
+              label={
+                <span>
+                  Người liên hệ khẩn cấp
+                  <span className="text-red-500"> *</span>
+                </span>
+              }
               placeholder="Người liên hệ khẩn cấp"
               name="emergencyContactName"
               type="text"
@@ -321,19 +337,32 @@ const PopupUpdatePatient = ({ onClose, id }: PopupUpdatePatientProps) => {
             />
 
             <InputForm
-              label="SĐT khẩn cấp"
+              label={
+                <span>
+                  SĐT khẩn cấp
+                  <span className="text-red-500"> *</span>
+                </span>
+              }
               placeholder="SĐT khẩn cấp"
               name="emergencyContactPhone"
-              type="phone"
+              type="number"
+              min={8}
+              max={11}
               isRequired
-              isPhone
+              // isPhone
               value={form.emergencyContactPhone}
             />
 
             <TextArea
               name="allergyNotes"
+              label={
+                <span>
+                  Dị ứng
+                  <span className="text-red-500"> *</span>
+                </span>
+              }
+              isRequired
               placeholder="Dị ứng"
-              label="Dị ứng"
               value={form.allergyNotes}
               isBlur
               max={5000}
@@ -342,14 +371,25 @@ const PopupUpdatePatient = ({ onClose, id }: PopupUpdatePatientProps) => {
             <TextArea
               name="chronicDiseaseNotes"
               placeholder="Bệnh nền"
-              label="Bệnh nền"
+              label={
+                <span>
+                  Bệnh nền
+                  <span className="text-red-500"> *</span>
+                </span>
+              }
+              isRequired
               value={form.chronicDiseaseNotes}
               isBlur
               max={5000}
             />
 
             <InputForm
-              label="Số bảo hiểm"
+              label={
+                <span>
+                  Số bảo hiểm
+                  <span className="text-red-500"> *</span>
+                </span>
+              }
               placeholder="Số bảo hiểm"
               name="insuranceNumber"
               type="text"
@@ -359,8 +399,8 @@ const PopupUpdatePatient = ({ onClose, id }: PopupUpdatePatientProps) => {
 
             <TextArea
               name="notes"
+              label={<span>Ghi chú</span>}
               placeholder="Ghi chú"
-              label="Ghi chú"
               value={form.notes}
               isBlur
               max={5000}