fix: localtion label for job listings (#1032)

varianter · Dec 12, 2024 · ee8ffa4 · ee8ffa4
1 parent 425bd85
commit ee8ffa4
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 6 deletions.
diff --git 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) {
         <div className={styles.role}>
           <Text type={"h5"}>{jobPosting.role}</Text>
         </div>
-        <div className={styles.locations}>
-          <Badge>{jobPostingLocations}</Badge>
-        </div>
+        {showLocations && (
+          <div className={styles.locations}>
+            <Badge>{jobPostingLocations}</Badge>
+          </div>
+        )}
       </div>
     </a>
   );

diff --git 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
@@ -95,7 +95,11 @@ export default function JobPostingList({
       </div>
       <div className={styles.jobPostings}>
         {filteredJobPostings?.map((jobPosting: IJobPosting) => (
-          <JobPosting jobPosting={jobPosting} key={jobPosting._key} />
+          <JobPosting
+            jobPosting={jobPosting}
+            key={jobPosting._key}
+            showLocations={locationFilter == null}
+          />
         ))}
       </div>
     </div>
-Original file line number
+Diff line change
@@ Expand Up / @@ -33,7 +33,6 @@ @@
     }
     .role {
-      width: 250px;
       @media (max-width: 640px) {
         width: 100%;
       }
@@ Expand Down @@