From 89e7606821f1083bb84805264a9665f11a03858a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Gr=C3=A9goire=20Pailler?= <gregoire@pailler.fr>
Date: Sun, 25 Aug 2024 03:19:32 +0000
Subject: [PATCH]  #87 Add hint about Official buckets only filter

---
 src/components/SearchProcessor.tsx |  5 +++--
 src/components/SearchStatus.tsx    | 14 ++++++++++++--
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/components/SearchProcessor.tsx b/src/components/SearchProcessor.tsx
index 84c27b1..b1ebf15 100644
--- a/src/components/SearchProcessor.tsx
+++ b/src/components/SearchProcessor.tsx
@@ -268,15 +268,16 @@ const SearchProcessor = (props: SearchProcessorProps): JSX.Element => {
   return (
     <Form>
       <Row>
-        <Col xs={6} className="my-auto">
+        <Col xs={8} className="my-auto">
           <SearchStatus
             query={query}
             resultsCount={resultsCount}
             searching={searching}
             type={SearchStatusType.Applications}
+            officialOnly={officialOnly}
           />
         </Col>
-        <Col xs={6} className="text-end">
+        <Col xs={4} className="text-end">
           <Dropdown autoClose="outside" align="end" drop="end" className="sorting-filtering-button">
             <Dropdown.Toggle size="sm" variant="secondary">
               <GoSettings className="me-2" />
diff --git a/src/components/SearchStatus.tsx b/src/components/SearchStatus.tsx
index 61b435b..c3a5557 100644
--- a/src/components/SearchStatus.tsx
+++ b/src/components/SearchStatus.tsx
@@ -17,10 +17,11 @@ type SearchStatusProps = {
   resultsCount: number;
   searching: boolean;
   type: SearchStatusType;
+  officialOnly?: boolean;
 };
 
 const SearchStatus = (props: SearchStatusProps): JSX.Element => {
-  const { searching, resultsCount, query, type } = props;
+  const { searching, resultsCount, query, type, officialOnly } = props;
   const typeDescription = SearchStatusTypeMap[type];
 
   if (searching) {
@@ -50,7 +51,16 @@ const SearchStatus = (props: SearchStatusProps): JSX.Element => {
     );
   }
 
-  return <span>No result found{formattedQuery}.</span>;
+  if (officialOnly) {
+    return (
+      <span>
+        No result found{formattedQuery} from <strong>Official buckets</strong>. Try modifying the filters for possible
+        manifests.
+      </span>
+    );
+  } else {
+    return <span>No result found{formattedQuery}.</span>;
+  }
 };
 
 export default React.memo(SearchStatus);