From d7b4f9690d5d485c5f65a1d4035f46a0130dc5e7 Mon Sep 17 00:00:00 2001
From: Ayo Ayco <ayo@ayco.io>
Date: Sat, 18 May 2024 07:24:45 +0200
Subject: [PATCH] perf: implement hide/show of links in CSS instead of SSR

---
 templates/threads.html | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/templates/threads.html b/templates/threads.html
index 5ff6e37..295b772 100644
--- a/templates/threads.html
+++ b/templates/threads.html
@@ -39,6 +39,13 @@
         }
       }
 
+      main.home {
+        & .back,
+        & .top {
+          display: none
+        }
+      }
+
       ul {
         list-style: none;
       }
@@ -227,12 +234,10 @@
       <h1>{{ app.title }}</h1>
       <p>{{ app.description }}</p>
     </header>
-    <main>
-      {% if threads|length == 1 and threads[0].descendants %}
+    <main class={{ "thread" if threads|length == 1 else "home" }}>
       <div class="back">
         <a href="{{url_for('threads.home')}}">Back</a>
       </div>
-      {% endif %}
 
       <ul>
         {% for thread in threads %}
@@ -392,9 +397,7 @@
         </li>
         {% endfor %}
       </ul>
-      {% if threads|length == 1 and threads[0].descendants|length > 1%}
       <a href="#top">Top</a>
-      {% endif %}
     </main>
     <footer>
       <p>