diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx index 51b0903b1..80763606e 100644 --- a/src/components/Header/Header.tsx +++ b/src/components/Header/Header.tsx @@ -1,5 +1,6 @@ import React from 'react' -import { SafeAreaView, TouchableWithoutFeedback } from 'react-native' +import { SafeAreaView as RNSafeAreaView, TouchableWithoutFeedback } from 'react-native' +import { SafeAreaView } from 'react-native-safe-area-context' import EuCampaignIllustration from '@/assets/illustrations/EuCampaignIllustration' import ProfilePopover from '@/components/ProfilePopover/ProfilePopover' import { ROUTES } from '@/config/routes' @@ -201,9 +202,9 @@ const VoxHeaderFrameStyled = styled(ThemeableStack, { const VoxHeaderFrame = (props: React.ComponentProps) => { return ( - + - + ) } diff --git a/src/components/MessageCard/MessageCard.tsx b/src/components/MessageCard/MessageCard.tsx index e46cee63a..4ae451fb7 100644 --- a/src/components/MessageCard/MessageCard.tsx +++ b/src/components/MessageCard/MessageCard.tsx @@ -17,7 +17,7 @@ export const MessageCard = ({ children, iconLeft: IconLeft, rightComponent, ...p - + {children} {rightComponent ?? null} diff --git a/src/components/ProfilePopover/ProfilePopover.tsx b/src/components/ProfilePopover/ProfilePopover.tsx index 10dcb9a8f..21954718c 100644 --- a/src/components/ProfilePopover/ProfilePopover.tsx +++ b/src/components/ProfilePopover/ProfilePopover.tsx @@ -1,5 +1,5 @@ import { PropsWithChildren, useCallback, useRef } from 'react' -import { useSafeAreaInsets } from 'react-native-safe-area-context' +import { SafeAreaView, useSafeAreaInsets } from 'react-native-safe-area-context' import clientEnv from '@/config/clientEnv' import { useSession } from '@/ctx/SessionProvider' import { useUserStore } from '@/store/user-store' @@ -38,7 +38,7 @@ export default function ProfilePopover({ children }: PropsWithChildren) { - + ref.current?.close()} /> diff --git a/src/components/VoxCard/VoxCard.tsx b/src/components/VoxCard/VoxCard.tsx index e6e1779e6..af44394d7 100644 --- a/src/components/VoxCard/VoxCard.tsx +++ b/src/components/VoxCard/VoxCard.tsx @@ -13,8 +13,7 @@ import AutoSizeImage from '../AutoSizeImage' const CardFrame = styled(YStack, { backgroundColor: '$white1', - elevation: 1, - shadowColor: '$gray1', + $gtSm: { borderRadius: '$8', }, @@ -22,11 +21,16 @@ const CardFrame = styled(YStack, { inside: { true: { borderRadius: '$6', - elevation: '$0', - shadowColor: 'none', + }, + false: { + elevation: 1, + shadowColor: '$gray1', }, }, }, + defaultVariants: { + inside: false, + }, } as const) export type VoxCardFrameProps = ComponentProps diff --git a/src/components/base/Input/Input.tsx b/src/components/base/Input/Input.tsx index 0472064ce..4b5f37241 100644 --- a/src/components/base/Input/Input.tsx +++ b/src/components/base/Input/Input.tsx @@ -1,5 +1,5 @@ import { forwardRef, useEffect, useState } from 'react' -import { GestureResponderEvent, LayoutChangeEvent, NativeSyntheticEvent, TextInput, TextInputFocusEventData, TextInputProps } from 'react-native' +import { GestureResponderEvent, LayoutChangeEvent, NativeSyntheticEvent, Platform, TextInput, TextInputFocusEventData, TextInputProps } from 'react-native' import Text from '@/components/base/Text' import { useForwardRef } from '@/hooks/useForwardRef' import { AlertCircle } from '@tamagui/lucide-icons' @@ -204,7 +204,7 @@ export default forwardRef(function Input(_props, ref) { padding: 0, fontSize: 14, width: '100%', - fontWeight: inputProps.value ? 500 : 400, + fontWeight: Platform.OS !== 'android' ? (inputProps.value ? 500 : 400) : undefined, }} editable={!disabled} ref={inputRef} diff --git a/src/screens/profil/account/form/ContactForm.tsx b/src/screens/profil/account/form/ContactForm.tsx index 70c78ec4d..2d7a5cd57 100644 --- a/src/screens/profil/account/form/ContactForm.tsx +++ b/src/screens/profil/account/form/ContactForm.tsx @@ -1,6 +1,7 @@ import Input from '@/components/base/Input/Input' import Select from '@/components/base/Select/Select' import Text from '@/components/base/Text' +import { MessageCard } from '@/components/MessageCard/MessageCard' import VoxCard from '@/components/VoxCard/VoxCard' import { RestDetailedProfileResponse } from '@/services/profile/schema' import isoToEmoji from '@/utils/isoToEmoji' @@ -37,19 +38,10 @@ const ContactForm = ({ profile }: { profile: RestDetailedProfileResponse }) => { <> Contact {profile.change_email_token?.email ? ( - - - - - - - - Confirmez le changement de votre email en cliquant sur le lien que vous venez de recevoir sur « {profile.change_email_token.email} ». Il est - actif pour 24h. - - - - + + Confirmez le changement de votre email en cliquant sur le lien que vous venez de recevoir sur « {profile.change_email_token.email} ». Il est actif + pour 24h. + ) : null}