From 4c3e1b4dbd5f4758ec78be1328bf18ade818daa0 Mon Sep 17 00:00:00 2001
From: perennial <mail@perennialte.ch>
Date: Mon, 14 Oct 2024 21:23:05 +1100
Subject: [PATCH] followButtons HTML formatting

---
 assets/views/fragments/followButtons.jet.html | 41 ++++++++++++++-----
 1 file changed, 30 insertions(+), 11 deletions(-)

diff --git a/assets/views/fragments/followButtons.jet.html b/assets/views/fragments/followButtons.jet.html
index 954c7c2..3e600cf 100644
--- a/assets/views/fragments/followButtons.jet.html
+++ b/assets/views/fragments/followButtons.jet.html
@@ -1,6 +1,14 @@
-{* used only on user page *}
+{* only used on user page *}
+
 {{- if .User.IsFollowed == true && LoggedIn }}
-  <button type="button" class="custom-btn-secondary text-nowrap me-2" hx-post="/self/unfollowUser/{{ .User.ID }}" hx-target="body" hx-indicator="#follow-spinner" hx-push-url="true">
+  <button
+    type="button"
+    class="custom-btn-secondary text-nowrap me-2"
+    hx-post="/self/unfollowUser/{{ .User.ID }}"
+    hx-target="body"
+    hx-indicator="#follow-spinner"
+    hx-push-url="true"
+  >
     <div class="d-flex">
       <div><i class="bi bi-person-fill me-2"></i>Following</div>
       <div class="follow-spinner ms-2" id="follow-spinner">
@@ -13,12 +21,15 @@
   {{- else }}
   <!-- NOTE: bootstrap doesnt have custom hover states so the dropdown stays as a separate button -->
   <div class="btn-group">
-    <button type="button" class="custom-btn-secondary text-nowrap me-2"
-            hx-post="/self/followUser/{{ .User.ID }}"
-            hx-target="body"
-            hx-indicator="#follow-spinner"
-            hx-push-url="true"
-            hx-vals='{"private": false}'>
+    <button
+      type="button"
+      class="custom-btn-secondary text-nowrap me-2"
+      hx-post="/self/followUser/{{ .User.ID }}"
+      hx-target="body"
+      hx-indicator="#follow-spinner"
+      hx-push-url="true"
+      hx-vals='{"private": false}'
+    >
       <div class="d-flex">
         <div><i class="bi bi-person-plus me-2"></i>Follow</div>
         <div class="follow-spinner ms-2" id="follow-spinner">
@@ -28,17 +39,25 @@
         </div>
       </div>
     </button>
-    <button type="button" class="custom-btn-secondary dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
+    <button
+      type="button"
+      class="custom-btn-secondary dropdown-toggle dropdown-toggle-split"
+      data-bs-toggle="dropdown"
+      aria-expanded="false"
+    >
       <span class="visually-hidden">Toggle Dropdown</span>
     </button>
     <ul class="dropdown-menu dropdown-menu-end shadow-md">
       <li>
-        <a class="dropdown-item" href="#"
+        <a
+          class="dropdown-item"
+          href="#"
           hx-post="/self/followUser/{{ .User.ID }}"
           hx-target="body"
           hx-indicator="#follow-spinner"
           hx-push-url="true"
-          hx-vals='{"private": true}'>
+          hx-vals='{"private": true}'
+        >
           Follow privately
         </a>
       </li>