My Profile

\n\n {saveSuccess &&

Profile updated successfully!

}\n {error &&

Error: {error}

}\n\n

\n {/* Employee ID (Read-only) */}\n

\n \n Employee ID\n \n \n

\n\n {/* Username (Read-only) */}\n

\n \n Username\n \n \n

\n\n {/* Role (Read-only) */}\n

\n \n Role\n \n \n

\n\n {/* First Name (Editable) */}\n

\n \n First Name {requiredFields.firstName && *}\n \n \n

\n\n {/* Father's Name (Editable) */}\n

\n \n Father's Name\n \n \n

\n\n {/* Job Title (Read-only) */}\n

\n \n Job Title\n \n \n

\n\n {/* Grade (Editable) */}\n

\n \n Grade\n \n \n

\n\n {/* Sex (Editable) */}\n

\n \n Sex\n \n \n \n \n \n \n \n

\n\n {/* Email Address (Editable) */}\n

\n \n Email Address {requiredFields.email && *}\n \n \n

\n\n {/* Phone Number (Editable) */}\n

\n \n Phone Number {requiredFields.phoneNumber && *}\n \n \n

\n\n {/* Department (Read-only) */}\n

\n \n Department\n \n \n

\n\n {/* Date of Employment (Editable) */}\n

\n \n Date of Employment {requiredFields.dateOfEmployment && *}\n \n \n

\n\n {/* Status (Read-only) */}\n

\n \n Status\n \n \n

\n\n {/* Date of Birth (Editable) */}\n

\n \n Date of Birth\n \n \n

\n\n {/* Address (Editable) - Full width */}\n

\n \n Address {requiredFields.address && *}\n \n \n

\n\n {/* Supervisor/Manager (Read-only - displays name) */}\n

\n \n Supervisor/Manager\n \n \n

\n\n {/* Password (Editable for self-update) */}\n

\n \n New Password\n \n \n

\n\n {/* Button Container */}\n

\n \n Cancel\n \n \n {isSaving ? \"Saving...\" : \"Save Changes\"}\n \n

\n );\n};\n\nexport default ProfileTab;","deleted","label",[172,154],"components","permalink","https://www.val.town/x/solomonferede/EEPPortal/code/components/profileTab.tsx","extension","actionData","errors"]