@planningcenter/chat-react-native 3.43.0 → 3.43.1-qa-858.0

package/src/screens/notification_settings_screen.tsx

@@ -1,10 +1,9 @@
 import { PlatformPressable } from '@react-navigation/elements'
 import { StaticScreenProps, useNavigation } from '@react-navigation/native'
-import React, { useCallback, useEffect, type ReactNode } from 'react'
+import { type ReactNode } from 'react'
 import { FlatList, Platform, StyleSheet, View, type ViewProps, type ViewStyle } from 'react-native'
 import { useSafeAreaInsets } from 'react-native-safe-area-context'
 import { Badge, Heading, Icon, Text } from '../components'
-import { HeaderTextButton } from '../components/display/platform_modal_header_buttons'
 import { useTheme } from '../hooks'
 import { isDefined } from '../types'
 import { chatTypeLabel } from '../utils'
@@ -50,25 +49,7 @@ export function NotificationSettingsScreen({}: NotificationSettingsScreenProps)
   const styles = useStyles()
   const { data: chatTypes } = useChatTypes()
   const { data: groups } = useGroups()
-
-  // Header configuration
-  const HeaderRight = useCallback(() => {
-    return (
-      <HeaderTextButton
-        onPress={() => {
-          // Save settings logic would go here
-          navigation.goBack()
-        }}
-        title="Done"
-      />
-    )
-  }, [navigation])
-
-  useEffect(() => {
-    navigation.setOptions({
-      headerRight: HeaderRight,
-    })
-  }, [HeaderRight, navigation])
+  const debugInsets = useSafeAreaInsets()
 
   // Build section data
   const listData = [
@@ -142,6 +123,20 @@ export function NotificationSettingsScreen({}: NotificationSettingsScreenProps)
 
   return (
     <View style={styles.listContainer}>
+      <View
+        style={{
+          position: 'absolute',
+          top: 0,
+          right: 0,
+          zIndex: 999,
+          backgroundColor: 'magenta',
+          padding: 8,
+        }}
+      >
+        <Text style={{ color: 'white' }}>
+          bottom={debugInsets.bottom} top={debugInsets.top}
+        </Text>
+      </View>
       <FlatList
         data={listData as SectionListData}
         contentContainerStyle={styles.contentContainer}