diff --git a/src/components/jobPosting/JobPosting.tsx b/src/components/jobPosting/JobPosting.tsx index a2dc38fb8..cd888b79c 100644 --- a/src/components/jobPosting/JobPosting.tsx +++ b/src/components/jobPosting/JobPosting.tsx @@ -11,9 +11,13 @@ function sortAlphabetically(list: string[]) { interface JobPostingProps { jobPosting: IJobPosting; + showLocations?: boolean; } -export default function JobPosting({ jobPosting }: JobPostingProps) { +export default function JobPosting({ + jobPosting, + showLocations = true, +}: JobPostingProps) { const jobPostingLocations = sortAlphabetically( jobPosting.locations.map( (location: CompanyLocation) => location.companyLocationName, @@ -30,9 +34,11 @@ export default function JobPosting({ jobPosting }: JobPostingProps) {
{jobPosting.role}
-
- {jobPostingLocations} -
+ {showLocations && ( +
+ {jobPostingLocations} +
+ )} ); diff --git a/src/components/jobPosting/jobPosting.module.css b/src/components/jobPosting/jobPosting.module.css index a75c301f4..324942653 100644 --- a/src/components/jobPosting/jobPosting.module.css +++ b/src/components/jobPosting/jobPosting.module.css @@ -33,7 +33,6 @@ } .role { - width: 250px; @media (max-width: 640px) { width: 100%; } diff --git a/src/components/sections/jobs/JobPostingList.tsx b/src/components/sections/jobs/JobPostingList.tsx index 70e0af7ac..ee71f4336 100644 --- a/src/components/sections/jobs/JobPostingList.tsx +++ b/src/components/sections/jobs/JobPostingList.tsx @@ -95,7 +95,11 @@ export default function JobPostingList({
{filteredJobPostings?.map((jobPosting: IJobPosting) => ( - + ))}