Show banner when no jobs listed

Author: stefanv

src/components/Jobs.jsx

@@ -3,6 +3,15 @@ import React from "react";
 import Job from './Job';
 
 const Jobs = ({ jobs }) => {
+  if (jobs.length == 0) {
+    return (
+      <div className="jobList">
+        <div className="noJobs">
+          No jobs currently listed 😢&nbsp; <a href="https://github.com/numfocus/jobs-board#posting-a-job">Make a PR!</a>
+        </div>
+      </div>
+    )
+  }
   return (
     <div className="jobList">
       {

src/styles/global.css

@@ -141,3 +141,8 @@ a {
 .badge:hover .tooltip {
   visibility: visible;
 }
+.noJobs {
+  padding: 2rem;
+  font-size: 200%;
+  color: gray;
+}