From d78cf0cef65684c22cf91d0196bc0d5cd9f10432 Mon Sep 17 00:00:00 2001
From: hono4kami <dgloaming@proton.me>
Date: Tue, 17 Dec 2024 21:05:16 +0700
Subject: [PATCH] fix: fix weird behavior on URL search params

Fix weird behavior where URL search params value gets appended instead of
being replaced.

Refs: #362
---
 app/templates/list_communities.html | 36 +++++++++++++----------------
 1 file changed, 16 insertions(+), 20 deletions(-)

diff --git a/app/templates/list_communities.html b/app/templates/list_communities.html
index cf945314..2422118c 100644
--- a/app/templates/list_communities.html
+++ b/app/templates/list_communities.html
@@ -87,11 +87,10 @@
                     <th> </th>
                     <th {% if not low_bandwidth -%}colspan="2"{% endif -%} scope="col">
                         <button 
-                            hx-get=""
-                            hx-vals='{"sort_by": "title{{ ' asc' if sort_by == 'title desc' else ' desc' }}"}'
-                            hx-include="form[action='/communities']"
-                            hx-target="body"
-                            hx-push-url="true"
+                            form="searchCommunities"
+                            hx-boost="true"
+                            name="sort_by"
+                            value="title{{ ' asc' if sort_by == 'title desc' else ' desc' }}" 
                             title="{{ _('Sort by name') }}"
                             class="btn"
                         >
@@ -101,11 +100,10 @@
                     </th>
                     <th scope="col">
                         <button 
-                            hx-get=""
-                            hx-vals='{"sort_by": "post_count{{ ' asc' if sort_by == 'post_count desc' else ' desc' }}"}'
-                            hx-include="#searchCommunities"
-                            hx-target="body"
-                            hx-push-url="true"
+                            form="searchCommunities"
+                            hx-boost="true"
+                            name="sort_by"
+                            value="post_count{{ ' asc' if sort_by == 'post_count desc' else ' desc' }}" 
                             title="{{ _('Sort by post count') }}"
                             class="btn"
                         >
@@ -115,11 +113,10 @@
                     </th>
                     <th scope="col">
                         <button 
-                            hx-get=""
-                            hx-vals='{"sort_by": "post_reply_count{{ ' asc' if sort_by == 'post_reply_count desc' else ' desc' }}"}'
-                            hx-include="form[action='/communities']"
-                            hx-target="body"
-                            hx-push-url="true"
+                            form="searchCommunities"
+                            hx-boost="true"
+                            name="sort_by"
+                            value="post_reply_count{{ ' asc' if sort_by == 'post_reply_count desc' else ' desc' }}" 
                             title="{{ _('Comments') }}"
                             class="btn"
                         >
@@ -129,11 +126,10 @@
                     </th>
                     <th scope="col">
                         <button 
-                            hx-get=""
-                            hx-vals='{"sort_by": "last_active{{ ' asc' if sort_by == 'last_active desc' else ' desc' }}"}'
-                            hx-include="form[action='/communities']"
-                            hx-target="body"
-                            hx-push-url="true"
+                            form="searchCommunities"
+                            hx-boost="true"
+                            name="sort_by"
+                            value="last_active{{ ' asc' if sort_by == 'last_active desc' else ' desc' }}" 
                             title="{{ _('Sort by recent activity') }}"
                             class="btn"
                         >