feat: Cookie svg when no jobs are found because its fun

superstreamerapp · Sep 16, 2024 · bb6cac2 · bb6cac2
1 parent 2b986be
commit bb6cac2
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 1 deletion.
diff --git a/packages/dashboard/src/assets/cookie.svg b/packages/dashboard/src/assets/cookie.svg
diff --git a/packages/dashboard/src/pages/JobsPage.tsx b/packages/dashboard/src/pages/JobsPage.tsx
@@ -6,6 +6,7 @@ import { useJobsFilter } from "@/hooks/useJobsFilter";
 import { JobsStats } from "@/components/JobsStats";
 import { filterJobs } from "@/lib/jobs-filter";
 import { StretchLoader } from "@/components/StretchLoader";
+import cookieSvg from "@/assets/cookie.svg";
 
 export function JobsPage() {
   const [filter, setFilter] = useJobsFilter();
@@ -37,7 +38,12 @@ export function JobsPage() {
       {filteredJobs.length ? (
         <JobsList jobs={filteredJobs} />
       ) : (
-        <div>There's nothing here...</div>
+        <div className="py-4 flex justify-center">
+          <div className="flex flex-col gap-2 items-center text-muted-foreground">
+            <img className="w-12" src={cookieSvg} />
+            <p>There's no jobs here</p>
+          </div>
+        </div>
       )}
     </Container>
   );