fix: show document fetch error

watson-developer-cloud · Jan 19, 2024 · 299b0cc · 299b0cc
1 parent 0cb18df
commit 299b0cc
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/examples/discovery-search-app/src/App.js b/examples/discovery-search-app/src/App.js
@@ -150,7 +150,7 @@ function PreviewPage() {
   const {
     selectedResult: { document: selectedDocument },
     searchResponseStore: { data: searchResponse },
-    fetchDocumentsResponseStore: { data: fetchDocumentResponse, isLoading }
+    fetchDocumentsResponseStore: { data: fetchDocumentResponse, isLoading, isError, error }
   } = useContext(SearchContext);
   const { fetchDocuments, setSelectedResult } = useContext(SearchApi);
 
@@ -202,7 +202,9 @@ function PreviewPage() {
           tooltipAlignment="start"
         />
       </div>
-      {isLoading ? (
+      {isError ? (
+        <div>Unable to fetch document: {error.toString()}</div>
+      ) : isLoading ? (
         <Loading className={`${settings.prefix}--search-app__loading`} />
       ) : (
         <Tabs