Follows page

2 files changed, 28 insertions, 0 deletions

diff --git a/templates/settings/_menu.html b/templates/settings/_menu.html
index cc87941..dd43912 100644
--- a/templates/settings/_menu.html
+++ b/templates/settings/_menu.html
@@ -6,6 +6,9 @@
     <a href="{% url "settings_interface" %}" {% if section == "interface" %}class="selected"{% endif %}>
         <i class="fa-solid fa-display"></i> Interface
     </a>
+    <a href="{% url "settings_follows" %}" {% if section == "follows" %}class="selected"{% endif %}>
+        <i class="fa-solid fa-arrow-right-arrow-left"></i> Follows
+    </a>
     {% if request.user.admin %}
     <h3>Account</h3>
     <a href="{% url "settings_security" %}" {% if section == "security" %}class="selected"{% endif %}>
diff --git a/templates/settings/follows.html b/templates/settings/follows.html
new file mode 100644
index 0000000..5f43d05
--- /dev/null
+++ b/templates/settings/follows.html
@@ -0,0 +1,25 @@
+{% extends "settings/base.html" %}
+
+{% block subtitle %}Follows{% endblock %}
+
+{% block content %}
+    <section class="icon-menu">
+        {% for identity, details in identities %}
+            <a class="option" href="{{ identity.urls.view }}">
+                <img src="{{ identity.local_icon_url }}">
+                <span class="handle">
+                    {{ identity.name_or_handle }}
+                    <small>@{{ identity.handle }}</small>
+                </span>
+                {% if details.outbound %}
+                    <span class="pill">Following</span>
+                {% endif %}
+                {% if details.inbound %}
+                    <span class="pill">Follows You</span>
+                {% endif %}
+            </a>
+        {% empty %}
+            <p class="option empty">You have no follows.</p>
+        {% endfor %}
+    </section>
+{% endblock %}