add message when no results (#1034)

Author: berger-n

src/components/App.css

@@ -2715,6 +2715,10 @@ p.no-result {
    margin: 20px 22px 0 22px;
 }
 
+.no-result.inAppSK {
+   font-size:14px;
+}
+
 .no-result .noR { display:block; margin-top:25px; }
 .no-result .noR li:not(#a) { list-style-type: disc; margin-left:30px;margin-top:6px;}
 
@@ -2725,7 +2729,7 @@ p.no-result {
 .no-result .reset-khmer { display:flex; align-items: baseline;}
 .no-result .reset-khmer #clear-filters { display: inline-flex; }
 
-.no-result .noR:not(.bo-x-ewts) li:last-child { display:none; }
+.no-result:not(.inAppSK) .noR:not(.bo-x-ewts) li:last-child { display:none; }
 #res-container .no-result .noR.bo-x-ewts li:last-child { pointer-events:auto; }
 #res-container .no-result .noR.bo-x-ewts li:last-child .uri-link { margin-left:0;}
 .noR.bo-x-ewts li .uri-link:not(:hover) { border-bottom:1px solid transparent; }

src/lib/searchkit/components/SearchResultsHeader.js

@@ -77,7 +77,10 @@ function SearchResultsHeader(props) {
     { status != "error" && (results?.nbHits || status === "idle") && (!recent || forceSearch /*&& indexUiState.query && results?.nbHits === 0*/) && 
         ( inner && !indexUiState.query
           ? <h3>{I18n.t("resource.explain"+(recent&&!forceSearch?"R":""))}</h3>
-          : <h3>{I18n.t("result.hit"+(results.query?"KW":""),{count:results?.nbHits, interpolation: {escapeValue: false}, ...results.query?{kw:results.query}:{}})}</h3> 
+          : <>
+            <h3>{I18n.t("result.hit"+(results.query?"KW":""),{count:results?.nbHits, interpolation: {escapeValue: false}, ...results.query?{kw:results.query}:{}})}</h3> 
+            <div class={results?.nbHits === 0 ? "no-result inAppSK":""}>{ results?.nbHits === 0 &&  <Trans i18nKey="search.filters.generic" components={{ newline: <br />, parag: <span class={"noR"}/>, list:<li/>, ita:<i/>}} /> }</div>
+          </> 
         )
       }
     { status == "error" && 

src/translations/en.json

@@ -649,7 +649,8 @@
          "facets":" with the filters you set",
          "persons":"<parag>BDRC contains thousands of person records, you may want to try modifying your search to get the best results.<newline/><list>Search on a shorter string of syllables by eliminating titles, geographical names, and so on<newline/>Ex: <ita>'jam dbyangs nor bu</ita> instead of <ita>co ne sa skyong 'jam dbyangs nor bu</ita></list><list>Double check your search for typos</list><list>Try searching <lnk>in English</lnk> instead of pure Extended Wylie</list></parag>",
          "instances":"<parag>BDRC contains thousands of texts, you may want to try modifying your search to get the best results.<newline/><list>Search on a shorter string of syllables, preferably the core part of the title<newline/>Ex: <ita>lam rim chung ngu'i zin bris</ita> instead of <ita>lam rim chung ngu'i zin bris blo gsal rgya mtsho'i 'jug ngogs</ita></list><list>Double check your search for typos</list><list>Try searching <lnk>in English</lnk> instead of pure Extended Wylie</list></parag>",
-         "error": "There was an error processing your search: {{keyword}} [{{language}}] {{type}}<newline/>Please check syntax or try another search"
+         "error": "There was an error processing your search: {{keyword}} [{{language}}] {{type}}<newline/>Please check syntax or try another search",
+         "generic":"<parag>BDRC contains thousands of records, you may want to try modifying your search to get the best results.<newline/><list>Search on a shorter string of syllables, preferably the core part of the title<newline/>Ex: <ita>lam rim chung ngu'i zin bris</ita> instead of <ita>lam rim chung ngu'i zin bris blo gsal rgya mtsho'i 'jug ngogs</ita></list><list>You can also search on a shorter string of syllables by eliminating titles, geographical names, and so on<newline/>Ex: <ita>'jam dbyangs nor bu</ita> instead of <ita>co ne sa skyong 'jam dbyangs nor bu</ita></list><list>Double check your search for typos</list></parag>"   
       },
       "seeO": "See results in other data types",
       "backToW": "Back to Works",