Merge pull request #346 from teaxyz/jobs-error-handling

Add a 'no jobs available' if no jobs in breezy.

src/layouts/page/careers.html

@@ -32,6 +32,25 @@
   fetch("https://tea.breezy.hr/json?verbose=true")
     .then(response => response.json())
     .then(data => {
+      // Check if data is empty
+      if (data.length === 0) {
+        // Display message when no jobs are available
+        const container = document.getElementById("card-container");
+        const noJobsMessage = document.createElement("div");
+
+        // Insert the custom message
+        noJobsMessage.innerHTML = `
+        <div class="p-5" style="border:1px solid #949494; border-radius:5px;">
+          <h2 class="text-center" style="text-transform:none;font-size:28px;line-height:32px;">No open positions, but stay connected!</h2>
+          <p class="text-center mb-4">We encourage you to become a part of our vibrant community on Discord as we're keen to hire from within. Join our Discord server to engage with like-minded people, stay updated about future opportunities, and become a part of our growing group of OSS enthusiasts.</p>
+          <a href="https://discord.gg/tea-906608167901876256">
+            <button class="hbtn hb-fill-right gui-dl-click" style="width:200px;height:40px;display:block;margin-left:auto;margin-right:auto;">Join Discord</button>
+          </a>
+        </div>
+        `;
+
+        container.appendChild(noJobsMessage);
+      } else {
         // Loop through data and create card for each item
         data.forEach(item => {
           // Create card element
@@ -92,11 +111,11 @@
           row.appendChild(col);
           container.appendChild(row);
         });
+      }
     })
     .catch(error => console.log(error));
 </script>
 
-
 <style>
 
   a:hover{