diff --git a/src/components/Collaboration/Collaboration.jsx b/src/components/Collaboration/Collaboration.jsx index 5655ecad77..274decb841 100644 --- a/src/components/Collaboration/Collaboration.jsx +++ b/src/components/Collaboration/Collaboration.jsx @@ -333,23 +333,33 @@ function Collaboration() { {/* JOB GRID */}
- {jobAds.map(ad => ( - - ))} + {jobAds.length > 0 ? ( + jobAds.map(ad => ( + + )) + ) : ( +
+

No job listings found matching your criteria.

+

Try clearing filters or adjusting your search terms.

+ +
+ )}
{/* PAGINATION */} diff --git a/src/components/Collaboration/Collaboration.module.css b/src/components/Collaboration/Collaboration.module.css index 9a39200e38..5f2b068138 100644 --- a/src/components/Collaboration/Collaboration.module.css +++ b/src/components/Collaboration/Collaboration.module.css @@ -85,6 +85,33 @@ gap: 8px; } +.emptyState { + grid-column: 1 / -1; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + padding: 3rem; + text-align: center; + color: #666; + min-height: 250px; + border-radius: 12px; + background: transparent; +} + +.emptyState.dark { + color: #ccc; /* Dark mode text color */ +} + +.emptyState p { + margin: 0.5rem 0; + font-size: 1rem; +} + +.emptyState button { + margin-top: 1rem; +} + /* Buttons FIRST to avoid specificity issues */ .dropdownWrapper button { padding: 8px 12px;