From 2d32d8f4e3581fb02d791c86a8f0be01d801f3eb Mon Sep 17 00:00:00 2001
From: Seongmin Lee <git@boltless.me>
Date: Fri, 17 Jul 2026 23:32:58 +0900
Subject: [PATCH] appview/pages: oob swap follow button

If there are more than one follow/unfollow button in one screen, we want
to update them at once like we do with star button

Signed-off-by: Seongmin Lee <git@boltless.me>
---
 appview/pages/pages.go                             | 1 +
 appview/pages/templates/user/fragments/follow.html | 6 +++++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/appview/pages/pages.go b/appview/pages/pages.go
index 854bd0e9..82c0a3ce 100644
--- a/appview/pages/pages.go
+++ b/appview/pages/pages.go
@@ -855,6 +855,7 @@ type FollowFragmentParams struct {
 	UserDid        string
 	FollowStatus   models.FollowStatus
 	FollowersCount int64
+	HxSwapOob      struct{} // empty struct so always truthy
 }
 
 func (p *Pages) FollowFragment(w io.Writer, params FollowFragmentParams) error {
diff --git a/appview/pages/templates/user/fragments/follow.html b/appview/pages/templates/user/fragments/follow.html
index 4e8a4d8f..e90449ef 100644
--- a/appview/pages/templates/user/fragments/follow.html
+++ b/appview/pages/templates/user/fragments/follow.html
@@ -2,6 +2,9 @@
   <button id="{{ normalizeForHtmlId .UserDid }}"
     class="btn w-full flex gap-2 items-center group"
 
+    data-follow-subject="{{ .UserDid }}"
+    {{ if .HxSwapOob }}hx-swap-oob='outerHTML:[data-follow-subject="{{ .UserDid }}"]'{{ end }}
+
     {{ if eq .FollowStatus.String "IsNotFollowing" }}
     hx-post="/follow?subject={{.UserDid}}"
     {{ else }}
@@ -10,7 +13,8 @@
 
     hx-trigger="click"
     hx-target="#{{ normalizeForHtmlId .UserDid }}"
-    hx-swap="outerHTML"
+    hx-swap="none"
+    hx-disabled-elt="this"
     >
     {{ if eq .FollowStatus.String "IsNotFollowing" }}
       {{ i "user-round-plus" "size-4 inline group-[.htmx-request]:hidden" }} 
-- 
2.51.2