diff --git a/src/components/ListOfBookGroups.tsx b/src/components/ListOfBookGroups.tsx
index d96a5206..896a1674 100644
--- a/src/components/ListOfBookGroups.tsx
+++ b/src/components/ListOfBookGroups.tsx
@@ -28,7 +28,6 @@ export const ListOfBookGroups: React.FunctionComponent<{
= (
props
) => {
useTrack("Search Failed", { match: props.match }, true);
+ const l10n = useIntl();
+ const buttonLabel = l10n.formatMessage({
+ id: "header.searchDeeper",
+ defaultMessage: "Search Deeper",
+ });
+ const message =
+ "We didn't find an exact match in a title for {searchTerms}. Click {buttonLabel} to search in other fields and with looser matching.";
return (
+ {props.match}
+
+ ),
+ buttonLabel: {buttonLabel},
+ }}
/>
);
diff --git a/src/localization/Code Strings.json b/src/localization/Code Strings.json
index 6e43c10e..cd70f4d9 100644
--- a/src/localization/Code Strings.json
+++ b/src/localization/Code Strings.json
@@ -88,8 +88,8 @@
"message": "search for books"
},
"search.noSearchResults": {
- "description": "",
- "message": "No books in the library match the search {searchString}"
+ "description": "The \"{searchTerms}\" must be left untranslated in the place where the search terms would be substituted for displaying to the user. The \"{buttonLabel}\" must be left untranslated in the place where the label for the \"Search Deeper\" button would be substituted for displaying to the user.",
+ "message": "We didn't find an exact match in a title for {searchTerms}. Click {buttonLabel} to search in other fields and with looser matching."
},
"search": {
"description": "Priority - Low",