2110512052/M-Paspor-Redesign
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update the top back button style in the step flow

Browse Source
This commit is contained in:
Mochammad Adhi Buchori
2025-06-16 07:37:54 +07:00
parent 081a637463
commit e8c61edeb0
18 changed files with 191 additions and 163 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/screens/regularPassport/steps/Step4ApplicantAdditionalData/Step4ApplicantAdditionalDataSubStep1.tsx
View File

@ -24,15 +24,20 @@ const Step4ApplicantAdditionalDataSubStep1: React.FC<
<ScrollView>
<View style={styles.subStepContainer}>
<Pressable
style={({pressed}) => ({
transform: [{scale: pressed ? 0.99 : 1}],
marginBottom: 12,
})}
onPress={() => {
setStep(3);
}}
style={({pressed}) => [
styles.subStepButtonBackWrapper,
{transform: [{scale: pressed ? 0.99 : 1}], marginBottom: 8},
]}>
<Icon name="chevron-left" size={24} />
<Text style={styles.subStepButtonBackText}>Kembali</Text>
}}>
<Button
mode="contained"
icon="chevron-left"
textColor={Colors.neutral100.color}
style={styles.subStepButtonBackContainer}>
Kembali
</Button>
</Pressable>
<Text style={styles.subStepDesc}>

27
src/screens/regularPassport/steps/Step4ApplicantAdditionalData/Step4ApplicantAdditionalDataSubStep2.tsx
View File

@ -8,10 +8,7 @@ import Colors from '../../../../../assets/styles/Colors';
import jobData from '../../../../data/DropdownData/JobData';
import nationalityData from '../../../../data/DropdownData/NationalityData';
import {PassportAppointment} from '../../../../navigation/type';
import {
addData,
getData,
} from '../../../../helper/asyncStorageHelper';
import {addData, getData} from '../../../../helper/asyncStorageHelper';
const Step4ApplicantAdditionalDataSubStep2 = ({
setStep,
@ -24,19 +21,21 @@ const Step4ApplicantAdditionalDataSubStep2 = ({
<ScrollView>
<View style={styles.subStepContainer}>
<Pressable
style={({pressed}) => ({
transform: [{scale: pressed ? 0.99 : 1}],
marginBottom: 12,
})}
onPress={() => {
setStep(4);
setSubStep(1);
}}
style={({pressed}) => [
styles.subStepButtonBackWrapper,
{
transform: [{scale: pressed ? 0.99 : 1}],
marginBottom: 8,
},
]}>
<Icon name="chevron-left" size={24} />
<Text style={styles.subStepButtonBackText}>Kembali</Text>
}}>
<Button
mode="contained"
icon="chevron-left"
textColor={Colors.neutral100.color}
style={styles.subStepButtonBackContainer}>
Kembali
</Button>
</Pressable>
<Text style={styles.subStepDesc}>
Data di bawah ini harus sesuai dengan keterangan pada KTP pemohon.