From c86b07618887a2ed79b50beb95d9ef280431a9fa Mon Sep 17 00:00:00 2001
From: rramiachraf <51409801+rramiachraf@users.noreply.github.com>
Date: Mon, 10 Jun 2024 12:38:32 +0100
Subject: [PATCH] fix: trim large album names on search page

---
 views/search.templ | 21 ++++++---------------
 1 file changed, 6 insertions(+), 15 deletions(-)

diff --git a/views/search.templ b/views/search.templ
index 01d6896..908be95 100644
--- a/views/search.templ
+++ b/views/search.templ
@@ -18,13 +18,10 @@ templ SearchPage(r data.SearchResults) {
 							<h2>Songs</h2>
 							for _, s := range s.Hits {
 								<a id="search-item" href={ templ.URL(s.Result.Path) }>
-									<img
-										src={ data.ExtractImageURL(s.Result.Thumbnail) }
-										alt="Song image"
-									/>
+									<img src={ data.ExtractImageURL(s.Result.Thumbnail) } alt="Song image"/>
 									<div>
 										<span>{ s.Result.ArtistNames }</span>
-										<h3>{ s.Result.Title }</h3>
+										<h3>{ utils.TrimText(s.Result.Title,70) }</h3>
 									</div>
 								</a>
 							}
@@ -35,12 +32,9 @@ templ SearchPage(r data.SearchResults) {
 							<h2>Albums</h2>
 							for _, a := range s.Hits {
 								<a id="search-item" href={ templ.URL(utils.TrimURL(a.Result.URL)) }>
-									<img
-										src={ data.ExtractImageURL(a.Result.AlbumImage) }
-										alt="Album image"
-									/>
+									<img src={ data.ExtractImageURL(a.Result.AlbumImage) } alt="Album image"/>
 									<div>
-										<h3>{ a.Result.AlbumName }</h3>
+										<h3>{ utils.TrimText(a.Result.AlbumName, 70) }</h3>
 									</div>
 								</a>
 							}
@@ -51,12 +45,9 @@ templ SearchPage(r data.SearchResults) {
 							<h2>Artists</h2>
 							for _, a := range s.Hits {
 								<a id="search-item" href={ templ.URL(utils.TrimURL(a.Result.URL)) }>
-									<img
-										src={ data.ExtractImageURL(a.Result.ArtistImage) }
-										alt="Artist image"
-									/>
+									<img src={ data.ExtractImageURL(a.Result.ArtistImage) } alt="Artist image"/>
 									<div>
-										<h3>{ a.Result.ArtistName }</h3>
+										<h3>{ utils.TrimText(a.Result.ArtistName, 70) }</h3>
 									</div>
 								</a>
 							}