Settings screen

This is not a complete screen, just some components that can be used on a settings screen.

SettingsButton

export function SettingsScreen() {
  return (
    <View>
      <SettingsButton
        label={t('My care team')}
        onPress={() => navigation.navigate('CareTeam')}
      />
      <SettingsButton
        label={t('Privacy policy')}
        onPress={() => openBrowserAsync(privacyURL)}
      />
      <SettingsButton label={t('Sign out')} onPress={() => signOut()} />
    </View>
  )
}

Input

import { useUserEditor } from '@healthblocks-io/core/user'

export function SettingsScreen() {
  const theme = useTheme()
  const { user, patchUser } = useUserEditor()
  return (
    <View>
      <Text style={theme.label}>{t('Email')}</Text>
      <TextInput
        style={theme.input}
        value={user.email}
        onChangeText={email => patchUser({ email })}
        placeholder="me@example.org"
        keyboardType="email-address"
      />
    </View>
  )
}