diff options
| author | George Rusu <george@tagg.id> | 2021-05-07 13:53:58 -0700 |
|---|---|---|
| committer | George Rusu <george@tagg.id> | 2021-05-07 13:53:58 -0700 |
| commit | a012a0af8912edffb909f24f1bc905b733e23385 (patch) | |
| tree | bd6ac1e55d0b7b7404551c9c922f4e62adf30c7e /src/components/onboarding | |
| parent | 1b385f90bc767429971d1748299f33ac542fe429 (diff) | |
added new Arrow, working on transition animation
Diffstat (limited to 'src/components/onboarding')
| -rw-r--r-- | src/components/onboarding/ArrowButton.tsx | 5 | ||||
| -rw-r--r-- | src/components/onboarding/TaggInput.tsx | 2 |
2 files changed, 5 insertions, 2 deletions
diff --git a/src/components/onboarding/ArrowButton.tsx b/src/components/onboarding/ArrowButton.tsx index bf07c6ac..57ebc774 100644 --- a/src/components/onboarding/ArrowButton.tsx +++ b/src/components/onboarding/ArrowButton.tsx @@ -4,6 +4,7 @@ import {Image, TouchableOpacity, TouchableOpacityProps} from 'react-native'; interface ArrowButtonProps extends TouchableOpacityProps { direction: 'forward' | 'backward'; disabled?: boolean; + onboarding?: boolean } const ArrowButton: React.FC<ArrowButtonProps> = (props: ArrowButtonProps) => { const arrow = @@ -11,7 +12,9 @@ const ArrowButton: React.FC<ArrowButtonProps> = (props: ArrowButtonProps) => { ? props.disabled ? require('../../assets/images/arrow-forward-disabled.png') : require('../../assets/images/arrow-forward-enabled.png') - : require('../../assets/images/arrow-backward.png'); + : require('../../assets/images/arrow-backward.png') + ? props.onboarding + : require ('../../assets/images/onboarding-arrow.png') return ( <TouchableOpacity {...props}> diff --git a/src/components/onboarding/TaggInput.tsx b/src/components/onboarding/TaggInput.tsx index 657ce822..d52117b0 100644 --- a/src/components/onboarding/TaggInput.tsx +++ b/src/components/onboarding/TaggInput.tsx @@ -16,7 +16,7 @@ const TaggInput = React.forwardRef((props: TaggInputProps, ref: any) => { return ( <View style={styles.container}> <TextInput - style={styles.input} + style={[styles.input, props.externalStyles?.inputWarning]} placeholderTextColor="#ddd" clearButtonMode="while-editing" ref={ref} |