From eb2e44b89e9f2f872450847a60b2bfc34a2fe0d3 Mon Sep 17 00:00:00 2001
From: tylerjmchugh <163562062+tylerjmchugh@users.noreply.github.com>
Date: Thu, 17 Oct 2024 10:01:21 -0400
Subject: [PATCH] Update home page "browse by" to display facet as label if
 there is only one (#8426) (#8449)

* Update home page to display facet as label if there is only one

* Show label with a single facet

* Fix bug with single facet
---
 .../resources/catalog/views/default/templates/home.html    | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/web-ui/src/main/resources/catalog/views/default/templates/home.html b/web-ui/src/main/resources/catalog/views/default/templates/home.html
index 7027d391ea0..d63336292af 100644
--- a/web-ui/src/main/resources/catalog/views/default/templates/home.html
+++ b/web-ui/src/main/resources/catalog/views/default/templates/home.html
@@ -118,9 +118,12 @@ <h1 data-translate="">topMaps</h1>
     <div data-ng-show="homeFacet.list.length > 0">
       <div class="row">
         <h1 class="col-md-12">
-          <span data-translate="">browseBy</span>
+          <span data-translate="" data-ng-if="homeFacet.list.length > 2">browseBy</span>
+          <span data-ng-if="homeFacet.list.length < 3" data-translate="">
+            {{::('facet-' + homeFacet.list[0]) | facetKeyTranslator}}
+          </span>
         </h1>
-        <div class="gn-topic-select col-md-12">
+        <div class="gn-topic-select col-md-12" data-ng-if="homeFacet.list.length > 2">
           <label
             data-ng-repeat="facetKey in homeFacet.list"
             data-ng-init="agg = searchInfo.aggregations[facetKey]"