From 3c6a9037973e18684dffba3711781850ddbdee5c Mon Sep 17 00:00:00 2001
From: Rebeka Tamberga <rebekatamberga@gmail.com>
Date: Wed, 30 Oct 2024 12:58:30 +0000
Subject: [PATCH] Teams avaialabitiy Added a feature where it tells the user
 that there are no teams currently available, when they've joined all the
 possible teams that were available before.

---
 ap_src/templates/api_pages/teams.html | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/ap_src/templates/api_pages/teams.html b/ap_src/templates/api_pages/teams.html
index 5c5c4638..4d41014f 100644
--- a/ap_src/templates/api_pages/teams.html
+++ b/ap_src/templates/api_pages/teams.html
@@ -1,7 +1,8 @@
 {% load static %}
 <script src="{%static 'js/button_spinner.js' %}"></script>
 <div class="container">
-    <h1 class="title">Teams</h1>
+    <h3 class="has-text-weight-bold is-size-5 my-3">Teams</h3>
+    {% if team_data %}
     {% for team in team_data %}
     <div class="container has-background-light box">
         <div class="is-size-5 mb-3">
@@ -15,5 +16,15 @@ <h1 class="title">Teams</h1>
         </div>
     </div>
     {% endfor %}
+    {% else %}
+        <div class="container has-background-light box">
+            <div class="is-size-5 mb-3">
+                <span class="is-block is-size-5">There are no teams currently available.</span>
+            </div>
+        </div>
+    {% endif %}
+    <a id="teams/" class="column button is-medium is-info icon-text" href="{% url 'dashboard' %}">
+    <i class="fas fa-users fa-w-20"></i> Go back to joined teams</i>
+    </a>
 </div>
 <script src="{% static "js/teams.js" %}" apiURL="{{ url }}"></script>
\ No newline at end of file