11import React from 'react' ;
22import { View } from 'react-native' ;
33import { useMemoizedLazyIllustrations } from '@hooks/useLazyAsset' ;
4+ import useLocalize from '@hooks/useLocalize' ;
45import useResponsiveLayout from '@hooks/useResponsiveLayout' ;
56import useThemeStyles from '@hooks/useThemeStyles' ;
67import CONST from '@src/CONST' ;
@@ -27,6 +28,7 @@ function ProactiveAppReviewModal({isVisible, onPositive, onNegative, onSkip}: Pr
2728 const { shouldUseNarrowLayout} = useResponsiveLayout ( ) ;
2829 const styles = useThemeStyles ( ) ;
2930 const illustrations = useMemoizedLazyIllustrations ( [ 'ToddWithPhones' ] ) ;
31+ const { translate} = useLocalize ( ) ;
3032
3133 return (
3234 < Modal
@@ -48,8 +50,8 @@ function ProactiveAppReviewModal({isVisible, onPositive, onNegative, onSkip}: Pr
4850
4951 { /* Title and prompt */ }
5052 < View >
51- < Text style = { [ styles . textHeadlineH1 , styles . textAlignCenter , styles . mb3 ] } > Enjoying New Expensify? </ Text >
52- < Text style = { [ styles . textAlignCenter , styles . textSupporting ] } > { 'Let us know so we can help make your\nexpensing experience even better.' } </ Text >
53+ < Text style = { [ styles . textHeadlineH1 , styles . textAlignCenter , styles . mb3 ] } > { translate ( 'proactiveAppReview.title' ) } </ Text >
54+ < Text style = { [ styles . textAlignCenter , styles . textSupporting ] } > { translate ( 'proactiveAppReview.description' ) } </ Text >
5355 </ View >
5456
5557 { /* Buttons */ }
@@ -58,13 +60,13 @@ function ProactiveAppReviewModal({isVisible, onPositive, onNegative, onSkip}: Pr
5860 style = { [ styles . mt5 ] }
5961 onPress = { onPositive }
6062 pressOnEnter
61- text = "Yeah!"
63+ text = { translate ( 'proactiveAppReview.positiveButton' ) }
6264 large
6365 />
6466 < Button
6567 style = { [ styles . mt3 , styles . noSelect ] }
6668 onPress = { onNegative }
67- text = "Not really"
69+ text = { translate ( 'proactiveAppReview.negativeButton' ) }
6870 large
6971 />
7072 </ View >
0 commit comments