Skip to content

Commit f911344

Browse files
Mugisha146Mugisha146
committed
improve title
1 parent c8d3051 commit f911344

File tree

3 files changed

+73
-32
lines changed

3 files changed

+73
-32
lines changed

‎src/components/TraineeApply/TraineeApply.tsx‎

Lines changed: 34 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -60,20 +60,24 @@ const TraineeApplicationForm: React.FC = () => {
6060
}
6161

6262
return (
63-
<div className='w-full min-w-[500px] min-h-screen'>
63+
<div className="w-full min-w-[500px] min-h-screen">
6464
{isLoading ? (
65-
<div className='flex'>
66-
<div className="flex-1 animate-pulse space-y-4 p-6 bg-gray-100 dark:bg-[#1E293B] min-h-screen min-w-screen"
67-
style={{ width: "70%" }}>
65+
<div className="flex">
66+
<div
67+
className="flex-1 animate-pulse space-y-4 p-6 bg-gray-100 dark:bg-[#1E293B] min-h-screen min-w-screen"
68+
style={{ width: "70%" }}
69+
>
6870
<div className="h-10 w-2/3 bg-gray-300 dark:bg-gray-700 rounded"></div>
6971
<div className="space-y-2">
7072
<div className="h-6 w-1/2 bg-gray-300 dark:bg-gray-700 rounded"></div>
7173
<div className="h-6 w-1/3 bg-gray-300 dark:bg-gray-700 rounded"></div>
7274
<div className="h-6 w-3/4 bg-gray-300 dark:bg-gray-700 rounded"></div>
7375
</div>
7476
</div>
75-
<div className="flex-1 animate-pulse space-y-4 p-6 bg-gray-100 dark:bg-[#1E293B] min-h-screen min-w-screen"
76-
style={{ width: "70%" }}>
77+
<div
78+
className="flex-1 animate-pulse space-y-4 p-6 bg-gray-100 dark:bg-[#1E293B] min-h-screen min-w-screen"
79+
style={{ width: "70%" }}
80+
>
7781
<div className="h-10 w-2/3 bg-gray-300 dark:bg-gray-700 rounded"></div>
7882
<div className="space-y-2">
7983
<div className="h-6 w-1/2 bg-gray-300 dark:bg-gray-700 rounded"></div>
@@ -84,34 +88,48 @@ const TraineeApplicationForm: React.FC = () => {
8488
</div>
8589
) : (
8690
<div className={getContainerClassName(isDarkMode)}>
87-
<h2 className={getTitleClassName(isDarkMode)}>Application To Become Trainee</h2>
91+
<h2 className={getTitleClassName(isDarkMode)}>
92+
Apply to become a trainee
93+
</h2>
8894
<form onSubmit={handleSubmit} className="space-y-4 pt-5">
8995
<div className="flex">
9096
<div className="flex-1 p-4">
91-
{renderFormFields(formData, errors, handleInputChange, isDarkMode)}
92-
{renderCycleSelector('Application Cycle', formData, errors, handleInputChange, cycles, cyclesLoading, isDarkMode)}
93-
97+
{renderFormFields(
98+
formData,
99+
errors,
100+
handleInputChange,
101+
isDarkMode
102+
)}
103+
{renderCycleSelector(
104+
"Application Cycle",
105+
formData,
106+
errors,
107+
handleInputChange,
108+
cycles,
109+
cyclesLoading,
110+
isDarkMode
111+
)}
94112
</div>
95113
<div className="flex-1 p-4">
96114
{renderFileInput(
97-
'coverLetter',
98-
'Cover Letter',
115+
"coverLetter",
116+
"Cover Letter",
99117
formData,
100118
errors,
101119
handleFileChange,
102120
isDarkMode
103121
)}
104122
{renderFileInput(
105-
'idDocument',
106-
'ID Document',
123+
"idDocument",
124+
"ID Document",
107125
formData,
108126
errors,
109127
handleFileChange,
110128
isDarkMode
111129
)}
112130
{renderFileInput(
113-
'resume',
114-
'Resume',
131+
"resume",
132+
"Resume",
115133
formData,
116134
errors,
117135
handleFileChange,

‎src/components/TraineeApply/TraineeAttributeForm.tsx‎

Lines changed: 12 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -88,13 +88,19 @@ const TraineeAttributeForm = ({ traineeId }) => {
8888
};
8989

9090
return (
91-
<div className={`min-h-screen w-full flex flex-col ${
92-
isDarkMode ? 'bg-gray-800 text-white' : 'bg-white text-gray-800'
93-
}`}>
91+
<div
92+
className={`min-h-screen w-full flex flex-col ${
93+
isDarkMode ? "bg-gray-800 text-white" : "bg-white text-gray-800"
94+
}`}
95+
>
9496
<div className="flex-grow flex flex-col items-center justify-center p-4 sm:p-6 lg:p-8">
95-
<h3 className={`text-3xl font-semibold mb-8 text-center ${
96-
isDarkMode ? 'text-white' : 'text-gray-800'
97-
}`}>Provide more information to continue application</h3>
97+
<h3
98+
className={`text-3xl font-semibold mb-8 text-center ${
99+
isDarkMode ? "text-white" : "text-gray-800"
100+
}`}
101+
>
102+
Please Provide Additional Information to Proceed with the Application
103+
</h3>
98104
<div className="w-full max-w-4xl">
99105
{page === 1 ? (
100106
<TraineeFormPage1

‎src/pages/Applications/ApplicantApplication.tsx‎

Lines changed: 27 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -93,16 +93,19 @@ export const ApplicantApplication = () => {
9393
to="/applicant/available-jobs/trainee-apply"
9494
className="flex bg-primary dark:bg-[#56C870] rounded-md py-2 mt-2 px-4 text-white font-medium cursor-pointer"
9595
>
96-
Apply To Become Trainee
96+
Apply to become a trainee
9797
</Link>
9898
<Link
9999
to="/applicant/myapplication"
100100
className="flex bg-primary dark:bg-[#56C870] rounded-md py-2 mt-2 px-4 text-white font-medium cursor-pointer"
101101
>
102102
Track my application
103103
</Link>
104-
<select className="sm:text-sm w-full sm:w-40 lg:w-32 h-10 rounded-bt-rd dark:bg-[#293647] dark:text-ltb" onChange={(e) => setStatus(e.target.value)}>
105-
<option value='All'>Sort by Status</option>
104+
<select
105+
className="sm:text-sm w-full sm:w-40 lg:w-32 h-10 rounded-bt-rd dark:bg-[#293647] dark:text-ltb"
106+
onChange={(e) => setStatus(e.target.value)}
107+
>
108+
<option value="All">Sort by Status</option>
106109
<option value="All">All</option>
107110
<option value="submitted">Submitted</option>
108111
<option value="under-review">Under Review</option>
@@ -145,21 +148,35 @@ export const ApplicantApplication = () => {
145148
<div className="bg-gray-700 w-full h-12 flex items-center justify-between px-4">
146149
<h2 className="w-40">JOB TITLE</h2>
147150
<h2 className="w-40">DATE OF SUBMISSION</h2>
148-
<h2 className="w-32 max-w-32">STATUS</h2>
151+
<h2 className="w-32 max-w-32">STATUS</h2>
149152
</div>
150153
{filteredApplications.map((application, i) => (
151-
<div className={`w-full h-16 flex items-center justify-between px-4 ${i % 2 !== 0 && 'bg-gray-700'}`}>
154+
<div
155+
className={`w-full h-16 flex items-center justify-between px-4 ${
156+
i % 2 !== 0 && "bg-gray-700"
157+
}`}
158+
>
152159
<h2 className="w-40 text-sm">{application.jobId?.title}</h2>
153160
<h2 className="w-40 text-sm">{application.createdAt}</h2>
154161
<div className="w-32 flex items-center justify-start">
155-
<div className={`text-sm py-1 px-2 flex items-center justify-center rounded-full ${getStatusClass(application.status)}`}>{application.status}</div>
162+
<div
163+
className={`text-sm py-1 px-2 flex items-center justify-center rounded-full ${getStatusClass(
164+
application.status
165+
)}`}
166+
>
167+
{application.status}
168+
</div>
156169
</div>
157170
</div>
158171
))}
159-
{filteredApplications.length === 0 && <div className="w-full h-12 flex items-center justify-center px-4">
160-
{loading && '...processing'}
161-
{!loading && filteredApplications.length === 0 && 'No data available'}
162-
</div>}
172+
{filteredApplications.length === 0 && (
173+
<div className="w-full h-12 flex items-center justify-center px-4">
174+
{loading && "...processing"}
175+
{!loading &&
176+
filteredApplications.length === 0 &&
177+
"No data available"}
178+
</div>
179+
)}
163180
</div>
164181
</div>
165182
);

0 commit comments

Comments
 (0)