@planningcenter/chat-react-native 4.4.1-qa-staging.29 → 4.4.1-qa-staging.31

package/src/screens/search/search_screen.tsx

@@ -4,7 +4,7 @@ import {
   NativeStackScreenProps,
 } from '@react-navigation/native-stack'
 import React, { useRef, useState } from 'react'
-import { Keyboard, ScrollView, StyleSheet, View } from 'react-native'
+import { Keyboard, StyleSheet, View } from 'react-native'
 import { KeyboardView } from '../../components'
 import {
   composeOptions,
@@ -64,19 +64,13 @@ export function SearchScreen() {
   return (
     <KeyboardView>
       <View style={styles.container} testID="search-screen">
-        <SearchField term={term} onChange={setTerm} />
-        {debouncedTerm.length > 0 ? (
-          <SearchResultsList
-            key={debouncedTerm}
-            term={debouncedTerm}
-            onSelect={openResult}
-            onSettled={publishSearch}
-          />
-        ) : (
-          <ScrollView contentContainerStyle={styles.prompt} keyboardShouldPersistTaps="handled">
-            <SearchPromptBlankState />
-          </ScrollView>
-        )}
+        <SearchResultsList
+          term={debouncedTerm}
+          onSelect={openResult}
+          onSettled={publishSearch}
+          header={<SearchField term={term} onChange={setTerm} />}
+          prompt={<SearchPromptBlankState />}
+        />
       </View>
     </KeyboardView>
   )
@@ -86,8 +80,4 @@ const styles = StyleSheet.create({
   container: {
     flex: 1,
   },
-  prompt: {
-    flexGrow: 1,
-    justifyContent: 'center',
-  },
 })

package/src/screens/settings_screen.tsx

@@ -1,7 +1,7 @@
 import { PlatformPressable } from '@react-navigation/elements'
 import { StaticScreenProps, useNavigation } from '@react-navigation/native'
 import React, { useCallback } from 'react'
-import { Platform, StyleSheet, View } from 'react-native'
+import { Platform, ScrollView, StyleSheet, View } from 'react-native'
 import { useSafeAreaInsets } from 'react-native-safe-area-context'
 import { Heading, Icon, Text, VersionFooter } from '../components'
 import { Switch } from '../components/display/switch'
@@ -28,29 +28,31 @@ export function SettingsScreen({}: SettingsScreenProps) {
 
   return (
     <View style={styles.container}>
-      <View style={styles.sectionOuter}>
-        <View style={styles.sectionHeader}>
-          <Heading variant="h2">Messages</Heading>
-        </View>
-        {directMessagesEligible && (
-          <View style={styles.settingRow}>
-            <View style={styles.settingRowText}>
-              <Text>Allow direct messages</Text>
-              <Text variant="tertiary">
-                When off, you can't be added to new direct messages, and any you're already in will
-                be turned off.
-              </Text>
-            </View>
-            <Switch
-              value={!directMessagesDisabled}
-              onValueChange={enabled => setDirectMessagesDisabled(!enabled)}
-              disabled={isMutating}
-            />
+      <ScrollView contentInsetAdjustmentBehavior="automatic">
+        <View style={styles.sectionOuter}>
+          <View style={styles.sectionHeader}>
+            <Heading variant="h2">Messages</Heading>
           </View>
-        )}
-        <NavRow label="Notification settings" onPress={handleNotificationSettings} />
-        {appName !== 'services' && <NavRow label="Get help" onPress={handleGetHelp} />}
-      </View>
+          {directMessagesEligible && (
+            <View style={styles.settingRow}>
+              <View style={styles.settingRowText}>
+                <Text>Allow direct messages</Text>
+                <Text variant="tertiary">
+                  When off, you can't be added to new direct messages, and any you're already in
+                  will be turned off.
+                </Text>
+              </View>
+              <Switch
+                value={!directMessagesDisabled}
+                onValueChange={enabled => setDirectMessagesDisabled(!enabled)}
+                disabled={isMutating}
+              />
+            </View>
+          )}
+          <NavRow label="Notification settings" onPress={handleNotificationSettings} />
+          {appName !== 'services' && <NavRow label="Get help" onPress={handleGetHelp} />}
+        </View>
+      </ScrollView>
       <View style={styles.footer}>
         <VersionFooter />
       </View>
@@ -90,8 +92,6 @@ const useStyles = () => {
       flex: 1,
     },
     footer: {
-      flex: 1,
-      justifyContent: 'flex-end',
       paddingBottom: Math.max(insets.bottom, 8),
     },
     sectionOuter: {