src/components/Employee/ManageEmployee.jsx

@@ -41,7 +41,7 @@ const ManageEmployee = () => {
     MiddleName: z.string().optional(),
     LastName: z.string().min(1, { message: "Last Name is required" }),
     Email: z
-      .string().max(225,"Email cannot exceed 255 characters")
+      .string().max(80,"Email cannot exceed 80 characters")
       .optional()
       .refine((val) => !val || /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(val), {
         message: "Invalid email format",
@@ -257,7 +257,7 @@ const ManageEmployee = () => {
               </span>
             </div>
             <div className="card-body">
-              {!currentEmployee && empLoading && (
+              {(!currentEmployee && empLoading) && (
                 <p>Loading Employee Data...</p>
               )}
 
@@ -330,7 +330,7 @@ const ManageEmployee = () => {
                       {...register("Email")}
                       className="form-control form-control-sm"
                       placeholder="example@domain.com"
-                      maxLength={255}
+                      maxLength={80}
                       aria-describedby="Email"
                       disabled={!!currentEmployee?.email}
                     />