set header message to not found when list is empty

rayane-djouah · Feb 12, 2024 · 5dc148c · 5dc148c
1 parent 74419ef
commit 5dc148c
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/src/pages/EditReportFieldDropdownPage.tsx b/src/pages/EditReportFieldDropdownPage.tsx
@@ -43,10 +43,12 @@ function EditReportFieldDropdownPage({fieldName, onSubmit, fieldID, fieldValue,
     const {getSafeAreaMargins} = useStyleUtils();
     const {translate} = useLocalize();
     const recentlyUsedOptions = useMemo(() => recentlyUsedReportFields?.[fieldID] ?? [], [recentlyUsedReportFields, fieldID]);
+    const [headerMessage, setHeaderMessage] = useState('');
 
     const sections = useMemo(() => {
         const filteredRecentOptions = recentlyUsedOptions.filter((option) => option.toLowerCase().includes(searchValue.toLowerCase()));
         const filteredRestOfOptions = fieldOptions.filter((option) => !filteredRecentOptions.includes(option) && option.toLowerCase().includes(searchValue.toLowerCase()));
+        setHeaderMessage((!filteredRecentOptions.length && !filteredRestOfOptions.length)  ? translate('common.noResultsFound') : '');
 
         return [
             {
@@ -95,6 +97,7 @@ function EditReportFieldDropdownPage({fieldName, onSubmit, fieldID, fieldValue,
                         onChangeText={setSearchValue}
                         highlightSelectedOptions
                         isRowMultilineSupported
+                        headerMessage={headerMessage}
                     />
                 </>
             )}