💄 Hide filter for locations missing job postings

varianter · Dec 3, 2024 · 8c18af4 · 8c18af4
1 parent 1b07003
commit 8c18af4
Showing 1 changed file with 11 additions and 10 deletions.
diff --git a/src/components/sections/jobs/JobPostingList.tsx b/src/components/sections/jobs/JobPostingList.tsx
@@ -81,16 +81,17 @@ export default function JobPostingList({
           background="violet"
         />
         {sortAlphabetically(companyLocations).map(
-          (location: CompanyLocation) => (
-            <Tag
-              active={locationFilter === location}
-              type="button"
-              onClick={() => setLocationFilter(location)}
-              text={`${location.companyLocationName} (${jobPostingsPerLocation[location.companyLocationName]})`}
-              key={location._id}
-              background="violet"
-            />
-          ),
+          (location: CompanyLocation) =>
+            jobPostingsPerLocation[location.companyLocationName] > 0 && (
+              <Tag
+                active={locationFilter === location}
+                type="button"
+                onClick={() => setLocationFilter(location)}
+                text={`${location.companyLocationName} (${jobPostingsPerLocation[location.companyLocationName]})`}
+                key={location._id}
+                background="violet"
+              />
+            ),
         )}
       </div>
       <div className={styles.jobPostings}>