Add hitless breadcrumbs title for no query case

elan-ev · Dec 21, 2023 · 03ad1a8 · 03ad1a8
1 parent d695b80
commit 03ad1a8
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git a/frontend/src/i18n/locales/de.yaml b/frontend/src/i18n/locales/de.yaml
@@ -229,6 +229,7 @@ realm:
 search:
   input-label: Suche
   title: Suchergebnisse für „{{query}}“ ({{hits}} Treffer)
+  no-query: Suchergebnisse
   no-results: Keine Ergebnisse
   too-few-characters: Tippen Sie weitere Zeichen, um die Suche zu starten.
   unavailable: Die Suchfunktion ist zurzeit nicht verfügbar. Versuchen Sie es später erneut.

diff --git a/frontend/src/i18n/locales/en.yaml b/frontend/src/i18n/locales/en.yaml
@@ -227,6 +227,7 @@ realm:
 search:
   input-label: Search
   title: Search results for “{{query}}” ({{hits}} hits)
+  no-query: Search results
   no-results: No results
   too-few-characters: Please type more characters to start the search.
   unavailable: The search is currently unavailable. Try again later.

diff --git a/frontend/src/routes/Search.tsx b/frontend/src/routes/Search.tsx
@@ -111,10 +111,10 @@ const SearchPage: React.FC<Props> = ({ q, outcome }) => {
     }
 
     return <>
-        <Breadcrumbs path={[]} tail={t("search.title", {
+        <Breadcrumbs path={[]} tail={q ? t("search.title", {
             query: q,
             hits: outcome.__typename === "SearchResults" ? outcome.totalHits : 0,
-        })} />
+        }) : t("search.no-query")} />
         <div css={{ maxWidth: 950, margin: "0 auto" }}>
             {body}
         </div>