diff --git a/src/components/button/index.tsx b/src/components/button/index.tsx index 2d63c21b7..105fe774c 100644 --- a/src/components/button/index.tsx +++ b/src/components/button/index.tsx @@ -18,6 +18,8 @@ import { castStyle } from 'shared/utils' import { AccessibilityLabelStandards } from '../shared' +export const buttonHeight = 52 + const getBackgroundVariety = ( backgroundVariety: AppButtonBackgroundVarietyEnum, color: ColorValue, @@ -159,7 +161,7 @@ export const AppButton = ({ const styles = StyleSheet.create({ content: castStyle.view({ - minHeight: 52, + minHeight: buttonHeight, borderRadius: 25, flexDirection: 'row', paddingVertical: 14, diff --git a/src/screens/contacts/index.tsx b/src/screens/contacts/index.tsx index 6d3f9c822..d19d5356c 100644 --- a/src/screens/contacts/index.tsx +++ b/src/screens/contacts/index.tsx @@ -3,10 +3,16 @@ import { useTranslation } from 'react-i18next' import { Image, ScrollView, StyleSheet, View } from 'react-native' import { CompositeScreenProps, useIsFocused } from '@react-navigation/native' import { FormProvider, useForm } from 'react-hook-form' +import { useSafeAreaInsets } from 'react-native-safe-area-context' import { shortAddress } from 'lib/utils' -import { AppButton, AppTouchable, Typography } from 'components/index' +import { + AppButton, + AppTouchable, + Typography, + buttonHeight, +} from 'components/index' import { rootTabsRouteNames, RootTabsScreenProps, @@ -34,6 +40,7 @@ export type ContactsListScreenProps = CompositeScreenProps< > export const ContactsScreen = ({ navigation }: ContactsListScreenProps) => { + const insets = useSafeAreaInsets() const dispatch = useAppDispatch() const isFocused = useIsFocused() const methods = useForm({ @@ -129,7 +136,11 @@ export const ContactsScreen = ({ navigation }: ContactsListScreenProps) => { placeholder={t('search_placeholder')} testID={testIDs.searchInput} /> - + {contactsFiltered.map((contact, index) => ( { onPress={() => navigation.navigate( contactsStackRouteNames.ContactDetails, - { contact }, + { + contact, + }, ) }>