Merge pull request #38852 from brandonhenry/37984-no-results-found-te…

…xt-updates Fix for "No results found" text is not aligned to left edge
Expensify · Apr 2, 2024 · d7161ae · d7161ae
2 parents a1801c8 + 9585a87
commit d7161ae
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 1 deletion.
diff --git a/src/components/SelectionList/BaseSelectionList.tsx b/src/components/SelectionList/BaseSelectionList.tsx
@@ -70,6 +70,7 @@ function BaseSelectionList<TItem extends ListItem>(
  listHeaderWrapperStyle,
  isRowMultilineSupported = false,
  textInputRef,
+ headerMessageStyle,
  }: BaseSelectionListProps<TItem>,
  ref: ForwardedRef<SelectionListHandle>,
 ) {
@@ -516,7 +517,7 @@ function BaseSelectionList<TItem extends ListItem>(
  </View>
  )}
  {!!headerMessage && (
- <View style={[styles.ph5, styles.pb5]}>
+ <View style={headerMessageStyle ?? [styles.ph5, styles.pb5]}>
  <Text style={[styles.textLabel, styles.colorMuted]}>{headerMessage}</Text>
  </View>
  )}

diff --git a/src/components/SelectionList/types.ts b/src/components/SelectionList/types.ts
@@ -231,6 +231,9 @@ type BaseSelectionListProps<TItem extends ListItem> = Partial<ChildrenProps> & {
  /** Message to display at the top of the list */
  headerMessage?: string;
 
+ /** Styles to apply to the header message */
+ headerMessageStyle?: StyleProp<ViewStyle>;
+
  /** Text to display on the confirm button */
  confirmButtonText?: string;
 

diff --git a/src/pages/SearchPage/index.tsx b/src/pages/SearchPage/index.tsx
@@ -161,6 +161,7 @@ function SearchPage({betas, reports, isSearchingForReports, navigation}: SearchP
  textInputHint={offlineMessage}
  onChangeText={setSearchValue}
  headerMessage={headerMessage}
+ headerMessageStyle={headerMessage === translate('common.noResultsFound') ? [themeStyles.ph4, themeStyles.pb5] : undefined}
  onLayout={setPerformanceTimersEnd}
  autoFocus
  onSelectRow={selectReport}