From e24f2ea8c19db7836488cccbc8d49ecf1a177097 Mon Sep 17 00:00:00 2001
From: Mouse Reeve <mousereeve@riseup.net>
Date: Sun, 12 Sep 2021 10:14:56 -0700
Subject: [PATCH] Null state text for announcements view

---
 .../templates/settings/announcements.html     | 74 ++++++++++---------
 1 file changed, 40 insertions(+), 34 deletions(-)

diff --git a/bookwyrm/templates/settings/announcements.html b/bookwyrm/templates/settings/announcements.html
index aba41247..2c57ae78 100644
--- a/bookwyrm/templates/settings/announcements.html
+++ b/bookwyrm/templates/settings/announcements.html
@@ -14,40 +14,46 @@
     {% include 'settings/announcement_form.html' with controls_text="create_announcement" %}
 </form>
 
-<table class="table is-striped">
-    <tr>
-        <th>
-            {% url 'settings-announcements' as url %}
-            {% trans "Date added" as text %}
-            {% include 'snippets/table-sort-header.html' with field="created_date" sort=sort text=text %}
-        </th>
-        <th>
-            {% trans "Preview" as text %}
-            {% include 'snippets/table-sort-header.html' with field="preview" sort=sort text=text %}
-        </th>
-        <th>
-            {% trans "Start date" as text %}
-            {% include 'snippets/table-sort-header.html' with field="start_date" sort=sort text=text %}
-        </th>
-        <th>
-            {% trans "End date" as text %}
-            {% include 'snippets/table-sort-header.html' with field="end_date" sort=sort text=text %}
-        </th>
-        <th>
-            {% trans "Status" as text %}
-            {% include 'snippets/table-sort-header.html' with field="active" sort=sort text=text %}
-        </th>
-    </tr>
-    {% for announcement in announcements %}
-    <tr>
-        <td>{{ announcement.created_date|naturalday }}</td>
-        <td><a href="{% url 'settings-announcements' announcement.id %}">{{ announcement.preview }}</a></td>
-        <td>{{ announcement.start_date|naturaltime|default:'' }}</td>
-        <td>{{ announcement.end_date|naturaltime|default:'' }}</td>
-        <td>{% if announcement.active %}{% trans "active" %}{% else %}{% trans "inactive" %}{% endif %}</td>
-    </tr>
-    {% endfor %}
-</table>
+<div class="block">
+    <table class="table is-striped">
+        <tr>
+            <th>
+                {% url 'settings-announcements' as url %}
+                {% trans "Date added" as text %}
+                {% include 'snippets/table-sort-header.html' with field="created_date" sort=sort text=text %}
+            </th>
+            <th>
+                {% trans "Preview" as text %}
+                {% include 'snippets/table-sort-header.html' with field="preview" sort=sort text=text %}
+            </th>
+            <th>
+                {% trans "Start date" as text %}
+                {% include 'snippets/table-sort-header.html' with field="start_date" sort=sort text=text %}
+            </th>
+            <th>
+                {% trans "End date" as text %}
+                {% include 'snippets/table-sort-header.html' with field="end_date" sort=sort text=text %}
+            </th>
+            <th>
+                {% trans "Status" as text %}
+                {% include 'snippets/table-sort-header.html' with field="active" sort=sort text=text %}
+            </th>
+        </tr>
+        {% for announcement in announcements %}
+        <tr>
+            <td>{{ announcement.created_date|naturalday }}</td>
+            <td><a href="{% url 'settings-announcements' announcement.id %}">{{ announcement.preview }}</a></td>
+            <td>{{ announcement.start_date|naturaltime|default:'' }}</td>
+            <td>{{ announcement.end_date|naturaltime|default:'' }}</td>
+            <td>{% if announcement.active %}{% trans "active" %}{% else %}{% trans "inactive" %}{% endif %}</td>
+        </tr>
+        {% endfor %}
+    </table>
+
+    {% if not announcements %}
+    <p><em>{% trans "No announcements found." %}</em></p>
+    {% endif %}
+</div>
 
 {% include 'snippets/pagination.html' with page=announcements path=request.path %}
 {% endblock %}