1
1
import React , { useCallback , useEffect } from 'react' ;
2
2
import Animated , { runOnJS , useAnimatedStyle , useSharedValue , withDelay , withTiming } from 'react-native-reanimated' ;
3
3
import Text from '@components/Text' ;
4
+ import useLocalize from '@hooks/useLocalize' ;
4
5
import useThemeStyles from '@hooks/useThemeStyles' ;
5
6
import variables from '@styles/variables' ;
6
7
import CONST from '@src/CONST' ;
@@ -14,6 +15,7 @@ type AnimatedSettlementButtonProps = SettlementButtonProps & {
14
15
15
16
function AnimatedSettlementButton ( { isPaidAnimationRunning, onAnimationFinish, isDisabled, ...settlementButtonProps } : AnimatedSettlementButtonProps ) {
16
17
const styles = useThemeStyles ( ) ;
18
+ const { translate} = useLocalize ( ) ;
17
19
const buttonScale = useSharedValue ( 1 ) ;
18
20
const buttonOpacity = useSharedValue ( 1 ) ;
19
21
const paymentCompleteTextScale = useSharedValue ( 0 ) ;
@@ -77,7 +79,7 @@ function AnimatedSettlementButton({isPaidAnimationRunning, onAnimationFinish, is
77
79
< Animated . View style = { containerStyles } >
78
80
{ isPaidAnimationRunning && (
79
81
< Animated . View style = { paymentCompleteTextStyles } >
80
- < Text style = { [ styles . buttonMediumText ] } > Payment complete </ Text >
82
+ < Text style = { [ styles . buttonMediumText ] } > { translate ( 'iou.paymentComplete' ) } </ Text >
81
83
</ Animated . View >
82
84
) }
83
85
< Animated . View style = { buttonStyles } >
0 commit comments