From 53e307932cc565c2f4f58f34dd532891fc3d0b48 Mon Sep 17 00:00:00 2001
From: Mugisha146 <emmyzizo1@gmail.com>
Date: Fri, 29 Nov 2024 10:01:29 +0200
Subject: [PATCH] Fix To Improve user experience by renaming In Application
 Process

---
 src/components/TraineeApply/TraineeApply.tsx         | 2 +-
 src/components/TraineeApply/TraineeAttributeForm.tsx | 4 ++--
 src/pages/Applications/ApplicantApplication.tsx      | 2 +-
 src/pages/TraineApplicant/Trainee.tsx                | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/TraineeApply/TraineeApply.tsx b/src/components/TraineeApply/TraineeApply.tsx
index 8b12cc0d3..99efc6a11 100644
--- a/src/components/TraineeApply/TraineeApply.tsx
+++ b/src/components/TraineeApply/TraineeApply.tsx
@@ -84,7 +84,7 @@ const TraineeApplicationForm: React.FC = () => {
         </div>
       ) : (
         <div className={getContainerClassName(isDarkMode)}>
-          <h2 className={getTitleClassName(isDarkMode)}>Trainee Application</h2>
+          <h2 className={getTitleClassName(isDarkMode)}>Application To Become Trainee</h2>
           <form onSubmit={handleSubmit} className="space-y-4 pt-5">
             <div className="flex">
               <div className="flex-1 p-4">
diff --git a/src/components/TraineeApply/TraineeAttributeForm.tsx b/src/components/TraineeApply/TraineeAttributeForm.tsx
index 55a4400b1..692b8b3e8 100644
--- a/src/components/TraineeApply/TraineeAttributeForm.tsx
+++ b/src/components/TraineeApply/TraineeAttributeForm.tsx
@@ -91,10 +91,10 @@ const TraineeAttributeForm = ({ traineeId }) => {
     <div className={`min-h-screen w-full flex flex-col ${
       isDarkMode ? 'bg-gray-800 text-white' : 'bg-white text-gray-800'
     }`}>
-      <div className="flex-grow flex flex-col items-center justify-center px-4 sm:px-6 lg:px-8">
+      <div className="flex-grow flex flex-col items-center justify-center p-4 sm:p-6 lg:p-8">
         <h3 className={`text-3xl font-semibold mb-8 text-center ${
           isDarkMode ? 'text-white' : 'text-gray-800'
-        }`}>Fill the form for more information</h3>
+        }`}>Provide information to continue application</h3>
         <div className="w-full max-w-4xl">
           {page === 1 ? (
             <TraineeFormPage1
diff --git a/src/pages/Applications/ApplicantApplication.tsx b/src/pages/Applications/ApplicantApplication.tsx
index 96e1e5933..66a2100b2 100644
--- a/src/pages/Applications/ApplicantApplication.tsx
+++ b/src/pages/Applications/ApplicantApplication.tsx
@@ -93,7 +93,7 @@ export const ApplicantApplication = () => {
             to="/applicant/available-jobs/trainee-apply"
             className="flex bg-primary dark:bg-[#56C870] rounded-md py-2 mt-2 px-4 text-white font-medium cursor-pointer"
           >
-            Become trainee
+            Apply To Become Trainee
           </Link>
           <Link
             to="/applicant/myapplication"
diff --git a/src/pages/TraineApplicant/Trainee.tsx b/src/pages/TraineApplicant/Trainee.tsx
index 276e27273..81c5ee6eb 100755
--- a/src/pages/TraineApplicant/Trainee.tsx
+++ b/src/pages/TraineApplicant/Trainee.tsx
@@ -255,7 +255,7 @@ const AddTrainee = (props: any) => {
                         className="inline-flex items-center justify-center bg-primary dark:bg-[#56C870] rounded-md py-2 px-3 sm:px-4 text-white font-medium cursor-pointer text-sm sm:text-base whitespace-nowrap"
                       >
                         <icons.AiOutlinePlus className="mr-1.5 text-lg flex-shrink-0" />
-                        <span className="truncate">Trainee-applicant</span>
+                        <span className="truncate">Create Applicant</span>
                       </button>
                       <Select
                         menuPlacement="auto"