Merge pull request #426 from damongolding/feature/about

Feature/about-latest-version

Author: damongolding

frontend/src/css/about.css

@@ -38,7 +38,7 @@ body {
     max-width: 31.25rem;
     width: 100%;
     margin: 0 auto;
-    padding: 2rem;
+    padding: 1.5rem;
 }
 
 .logo {
@@ -57,12 +57,12 @@ body {
     position: relative;
     background-color: white;
     border-radius: 1rem;
-    padding: 2rem;
+    padding: 1.5rem;
     z-index: var(--z-base);
 }
 
 h1 {
-    font-size: 3rem;
+    font-size: 2rem;
     font-weight: bold;
     color: #333;
     margin: 0.5rem 0 1.5rem 0;
@@ -75,25 +75,30 @@ h1 {
 
 .stats > div {
     border-top: 1px solid #eee;
-    padding: 1.3rem 0;
+    padding: 1rem 0;
 }
 
 .stats > div:last-child {
     padding-bottom: 0;
 }
 
 .label {
-    font-size: 1rem;
+    font-size: 0.8rem;
     color: #6d727a;
     margin-bottom: 0.3rem;
 }
 
 .value {
-    font-size: 1.8rem;
+    font-size: 1.5rem;
     font-weight: bold;
     color: black;
 }
 
+.value a {
+    color: black;
+    text-underline-offset: 0.3rem;
+}
+
 .value .service-online {
     margin-top: 0.3rem;
     padding: 0.5rem 1rem;

internal/templates/views/views_about.templ

@@ -2,14 +2,18 @@ package views
 
 import (
 	"context"
+	"encoding/json"
 	"fmt"
+	"github.com/charmbracelet/log"
 	"github.com/damongolding/immich-kiosk/internal/common"
 	"github.com/damongolding/immich-kiosk/internal/config"
 	"github.com/damongolding/immich-kiosk/internal/immich"
 	"github.com/damongolding/immich-kiosk/internal/templates/partials"
 	"golang.org/x/text/cases"
 	"golang.org/x/text/language"
+	"net/http"
 	"strings"
+	"time"
 )
 
 templ About(viewData common.ViewData) {
@@ -36,6 +40,7 @@ css background(service string) {
 }
 
 templ Stats(service, version string, online bool) {
+	{{ tag, link := getLatestRelease(service, service) }}
 	<section class={ fmt.Sprintf("about-container--%s", service) }>
 		<div class={ fmt.Sprintf("about-container--%s--content", service) }>
 			<div class={ "background", background(service) }></div>
@@ -47,7 +52,7 @@ templ Stats(service, version string, online bool) {
 				<div class="stats">
 					<div>
 						<div class="label">
-							Version
+							Current Version
 						</div>
 						<div class="value">
 							if version == "" {
@@ -59,6 +64,22 @@ templ Stats(service, version string, online bool) {
 							}
 						</div>
 					</div>
+					<div>
+						<div class="label">
+							Latest Version
+						</div>
+						<div class="value">
+							<a href={ templ.SafeURL(link) }>
+								if tag == "" {
+									Unknown
+								} else if strings.HasPrefix(tag, "v") {
+									{ tag }
+								} else {
+									v{ tag }
+								}
+							</a>
+						</div>
+					</div>
 					<div>
 						<div class="label">
 							Online
@@ -86,3 +107,53 @@ func getImmichStats(immichUrl, immichApiKey string) (immich.ServerAboutResponse,
 	a := immich.New(context.Background(), c)
 	return a.AboutInfo()
 }
+
+type GitHubRelease struct {
+	TagName string `json:"tag_name"`
+}
+
+func getLatestRelease(owner, repo string) (string, string) {
+
+	switch repo {
+	case "immich":
+		owner = "immich-app"
+		repo = "immich"
+	case "kiosk":
+		owner = "damongolding"
+		repo = "immich-kiosk"
+	}
+
+	url := fmt.Sprintf("https://api.github.com/repos/%s/%s/releases/latest", owner, repo)
+	link := fmt.Sprintf("https://github.com/%s/%s/releases/latest", owner, repo)
+
+	client := &http.Client{
+		Timeout: 10 * time.Second,
+	}
+	req, err := http.NewRequest("GET", url, nil)
+	if err != nil {
+		log.Error(err)
+		return "Unknown", link
+	}
+
+	resp, err := client.Do(req)
+	if err != nil {
+		log.Error(err)
+		return "Unknown", link
+	}
+	defer resp.Body.Close()
+
+	if resp.StatusCode != 200 {
+		log.Errorf("GitHub API returned status code %d for %s", resp.StatusCode, url)
+		return "Unknown", link
+	}
+
+	var release GitHubRelease
+	if err := json.NewDecoder(resp.Body).Decode(&release); err != nil {
+		log.Error(err)
+		return "Unknown", link
+	}
+
+	link = fmt.Sprintf("https://github.com/%s/%s/releases/tag/%s", owner, repo, release.TagName)
+
+	return release.TagName, link
+}