From 4ca2e854d46aca41db19d6eef53f87886426a602 Mon Sep 17 00:00:00 2001
From: Tigor Hutasuhut <tigor.hutasuhut@gmail.com>
Date: Wed, 1 May 2024 16:10:04 +0700
Subject: [PATCH] dayjs: now support dynamic versioning

---
 views/components/dayjs.templ      | 13 ++++++++-----
 views/components/head.templ       |  1 +
 views/components/navigation.templ |  2 +-
 views/homeview/homeview.templ     |  1 -
 4 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/views/components/dayjs.templ b/views/components/dayjs.templ
index 3e6012b..6d8b434 100644
--- a/views/components/dayjs.templ
+++ b/views/components/dayjs.templ
@@ -1,10 +1,13 @@
 package components
 
-templ Dayjs() {
-	<script src="/public/dayjs-1.11.10.min.js"></script>
-	<script src="/public/dayjs-relativeTime-1.11.10.min.js"></script>
-	<script src="/public/dayjs-utc-1.11.10.min.js"></script>
-	<script src="/public/dayjs-timezone-1.11.10.min.js"></script>
+import "fmt"
+import "github.com/tigorlazuardi/redmage/views"
+
+templ Dayjs(c *views.Context) {
+	<script src={ fmt.Sprintf("/public/dayjs-%s.min.js", c.Config.String("web.dependencies.dayjs.version")) }></script>
+	<script src={ fmt.Sprintf("/public/dayjs-relativeTime-%s.min.js", c.Config.String("web.dependencies.dayjs.version")) }></script>
+	<script src={ fmt.Sprintf("/public/dayjs-utc-%s.min.js", c.Config.String("web.dependencies.dayjs.version")) }></script>
+	<script src={ fmt.Sprintf("/public/dayjs-timezone-%s.min.js", c.Config.String("web.dependencies.dayjs.version")) }></script>
 	<script>
         dayjs.extend(window.dayjs_plugin_relativeTime)
         dayjs.extend(window.dayjs_plugin_utc)
diff --git a/views/components/head.templ b/views/components/head.templ
index a0da850..9e627cf 100644
--- a/views/components/head.templ
+++ b/views/components/head.templ
@@ -8,6 +8,7 @@ templ Head(vc *views.Context, extras ...templ.Component) {
 		<meta name="keywords" content="Reddit, Image, Downloader"/>
 		<link rel="stylesheet" href="/public/style.css"/>
 		<link rel="icon" href="/public/favicon.svg"/>
+		@Dayjs(vc)
 		@HTMX(vc)
 		@ThemeChange(vc)
 		if vc.Config.Bool("http.hotreload") {
diff --git a/views/components/navigation.templ b/views/components/navigation.templ
index a9b0991..7be2b1c 100644
--- a/views/components/navigation.templ
+++ b/views/components/navigation.templ
@@ -87,7 +87,7 @@ templ Navbar(c *views.Context) {
 				<span class="font-bold">Redmage</span>
 			</div>
 			<div class="divider"></div>
-			<nav class="pt-4">
+			<nav class="pt-4" hx-boost="true" hx-select="main" hx-target="main">
 				@navList(c)
 			</nav>
 			<div class="flex-grow"></div>
diff --git a/views/homeview/homeview.templ b/views/homeview/homeview.templ
index 751e371..8fe9e4e 100644
--- a/views/homeview/homeview.templ
+++ b/views/homeview/homeview.templ
@@ -9,7 +9,6 @@ import "fmt"
 templ Home(c *views.Context, data Data) {
 	@components.Doctype() {
 		@components.Head(c,
-			components.Dayjs(),
 			components.HeadTitle("Redmage - Home"),
 		)
 		@components.Body(c) {