Edit CreateJob's Colors and Show No Skills Exists

Author: deadline2359

app/src/components/job/JobTile.jsx

@@ -150,19 +150,22 @@ function JobTileButton({ isDetailsOpen, setIsDetailsOpen }) {
 }
 
 function JobTileDescription({ jobDesc, skills }) {
+  let numberOfInactiveSkills = 0;
+
   const renderSkillsForJobRole = skills.map(
     ({ skillId, skillName, skillDesc, isActive }, index) => {
       if (isActive) {
         return <SkillBadge key={`skill-${skillId}`} skillName={skillName} />;
       }
+      numberOfInactiveSkills += 1;
       return null;
     },
   );
 
   return (
     <div className='m-auto flex flex-col w-full p-5 px-10 bg-gray-100 rounded-lg'>
       <p className='text-ellipsis overflow-hidden font-medium text-justify'>{jobDesc}</p>
-      {skills.length ? (
+      {skills.length && numberOfInactiveSkills !== skills.length ? (
         <div className='flex flex-wrap mt-5'>{renderSkillsForJobRole}</div>
       ) : (
         "No current skills"

app/src/components/job/hr/CreateJobSuccess.jsx

@@ -27,7 +27,7 @@ export default function CreateJobSuccess({ jobName, resetFields }) {
           <div className='grid-row py-3 flex justify-end'>
             <button
               type='button'
-              className='text-white bg-accent1 hover:bg-accent2 font-medium rounded-lg text-sm px-5 py-2.5 mr-2 mb-2'
+              className='text-white bg-accent2 hover:bg-accent3 font-medium rounded-lg text-sm px-5 py-2.5 mr-2 mb-2'
               onClick={redirectToCreateJobPage}
             >
               Create Another Job

app/src/components/job/hr/form/JobSkillSelection.jsx

@@ -47,6 +47,8 @@ export default function JobSkillSelection({
     );
   };
 
+  let numberOfInactiveSelectedSkills = 0;
+
   const renderSelectedSkills = selectedSkills.map((skillId) => {
     if (skills.find((skill) => skill.skillId === skillId)) {
       return (
@@ -67,6 +69,7 @@ export default function JobSkillSelection({
         </div>
       );
     }
+    numberOfInactiveSelectedSkills += 1;
     return null;
   });
 
@@ -95,7 +98,7 @@ export default function JobSkillSelection({
             </select>
           </label>
 
-          {selectedSkills.length > 0 ? (
+          {selectedSkills.length > 0 && numberOfInactiveSelectedSkills !== selectedSkills.length ? (
             <div className='flex flex-wrap bg-gray-100 border border-gray-300 text-white text-sm rounded-lg focus:ring-gray-400 focus:border-gray-500 block w-full p-2.5'>
               {renderSelectedSkills}
             </div>