From 530723503e966b01802b46130e7e85fd89f5ac4d Mon Sep 17 00:00:00 2001
From: Tigor Hutasuhut <tigor.hutasuhut@gmail.com>
Date: Thu, 2 May 2024 21:26:28 +0700
Subject: [PATCH] subredditsview: added button to add subreddit

---
 views/subredditsview/detailsview/detailsview.templ | 2 +-
 views/subredditsview/subredditsview.templ          | 8 ++++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/views/subredditsview/detailsview/detailsview.templ b/views/subredditsview/detailsview/detailsview.templ
index 121a7ba..d79713b 100644
--- a/views/subredditsview/detailsview/detailsview.templ
+++ b/views/subredditsview/detailsview/detailsview.templ
@@ -40,7 +40,7 @@ templ DetailsContent(c *views.Context, data Data) {
 					<button
 						hx-post="/htmx/subreddits/start"
 						hx-include="this"
-						class="btn btn-info"
+						class="btn btn-primary text-base-100"
 						hx-target={ components.NotificationContainerID }
 						hx-target-error={ components.NotificationContainerID }
 						hx-swap="afterbegin"
diff --git a/views/subredditsview/subredditsview.templ b/views/subredditsview/subredditsview.templ
index bd4bb9f..77b5c55 100644
--- a/views/subredditsview/subredditsview.templ
+++ b/views/subredditsview/subredditsview.templ
@@ -19,12 +19,16 @@ templ SubredditContent(c *views.Context, data Data) {
 	<main class="prose min-w-full">
 		@components.Container() {
 			<h1>Subreddits</h1>
-			<div class="divider"></div>
 			if data.Subreddits.Total == 0 {
+				<div class="divider"></div>
 				<h3>No Subreddits Found</h3>
 				<p>Click <a class="text-primary" href="/subreddits/add">here</a> to add a new subreddit.</p>
 			} else {
-				<h2>{ strconv.FormatInt(data.Subreddits.Total, 10) } Subreddits Registered</h2>
+				<div class="flex justify-between flex-wrap">
+					<h2 class="my-auto">{ strconv.FormatInt(data.Subreddits.Total, 10) } Subreddits Registered</h2>
+					<a class="btn btn-primary text-base-100 no-underline" href="/subreddits/add">Add Subreddit</a>
+				</div>
+				<div class="divider"></div>
 			}
 			<div class="flex flex-wrap gap-1" hx-boost="true">
 				for _, subreddit := range data.Subreddits.Data {