From d2b81567e3d4ccdd139a88f0e918dec26920c24e Mon Sep 17 00:00:00 2001
From: Tigor Hutasuhut <tigor.hutasuhut@gmail.com>
Date: Tue, 28 May 2024 15:36:10 +0700
Subject: [PATCH] view: update icons

---
 server/routes/routes.go                       |  1 +
 .../detailsview/detailsview.templ             | 24 +++++++++++++++----
 2 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/server/routes/routes.go b/server/routes/routes.go
index 062a425..975f24e 100644
--- a/server/routes/routes.go
+++ b/server/routes/routes.go
@@ -60,6 +60,7 @@ func (routes *Routes) registerHTMXRoutes(router chi.Router) {
 
 	router.Post("/subreddits/add", routes.SubredditsCreateHTMX)
 	router.Post("/subreddits/start", routes.SubredditStartDownloadHTMX)
+	router.Get("/subreddits/start", routes.SubredditStartDownloadHTMX)
 	router.Get("/subreddits/check", routes.SubredditCheckHTMX)
 	router.Get("/subreddits/validate/schedule", routes.SubredditValidateScheduleHTMX)
 
diff --git a/views/subredditsview/detailsview/detailsview.templ b/views/subredditsview/detailsview/detailsview.templ
index 458f226..e2f505e 100644
--- a/views/subredditsview/detailsview/detailsview.templ
+++ b/views/subredditsview/detailsview/detailsview.templ
@@ -46,21 +46,28 @@ templ DetailsContent(c *views.Context, data Data) {
 					<h1 class="my-auto">Subreddit { data.Subreddit.Name }</h1>
 					<div class="max-xs:toast max-xs:z-40">
 						<div class="dropdown dropdown-hover dropdown-top xs:dropdown-bottom dropdown-end">
-							<div tabindex="0" role="button" class="btn btn-primary max-xs:btn-circle btn-square xs:btn-outline m-1 max-xs:border-none">
+							<div
+								tabindex="0"
+								role="button"
+								class="btn btn-primary max-xs:btn-circle max-lg:btn-square xs:btn-outline m-1 max-xs:border-none"
+							>
 								@icons.Kebab("h-8 w-8")
 							</div>
-							<ul tabindex="0" class="dropdown-content z-[1] menu p-2 shadow bg-base-100 rounded-box w-52 m-0 border-primary border-2">
+							<ul
+								tabindex="0"
+								class="dropdown-content z-[1] menu p-2 shadow bg-base-100 rounded-box w-52 m-0 border-primary border-2"
+								onclick="document.activeElement.blur()"
+							>
 								<li class="m-0 p-0 hover:bg-primary rounded-btn">
 									<button
-										hx-post="/htmx/subreddits/start"
-										hx-include="this"
+										hx-get="/htmx/subreddits/start"
 										hx-target={ components.NotificationContainerID }
 										hx-target-error={ components.NotificationContainerID }
 										hx-swap="afterbegin"
+										hx-vals={ fmt.Sprintf(`{"subreddit":%q}`, data.Subreddit.Name) }
 										class="btn btn-ghost btn-sm m-0"
 									>
 										Start Download
-										<input type="hidden" name="subreddit" value={ data.Subreddit.Name }/>
 									</button>
 								</li>
 								<div class="divider m-0 p-0"></div>
@@ -70,6 +77,13 @@ templ DetailsContent(c *views.Context, data Data) {
 										class="btn btn-ghost btn-sm no-underline m-0"
 									>Edit</a>
 								</li>
+								<div class="xs:hidden divider m-0 p-0"></div>
+								<li class="xs:hidden m-0 p-0 hover:bg-primary rounded-btn">
+									<button
+										class="btn btn-ghost btn-sm m-0"
+										onclick="window.scrollTo({ top: 0, behavior: 'smooth' })"
+									>Scroll to Top</button>
+								</li>
 							</ul>
 						</div>
 					</div>