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

Update steps title value and fixing logout dialog

Browse Source
This commit is contained in:
Mochammad Adhi Buchori
2025-04-26 21:28:03 +07:00
parent ac6dae7d17
commit 06b8f2ab80
22 changed files with 170 additions and 131 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
src/screens/regularPassport/steps/Step1VerifyNik/Step1VerifyNikSubStep1.tsx Normal file
View File

@ -0,0 +1,54 @@
import React from 'react';
import {ScrollView, View, Text} from 'react-native';
import {Button} from 'react-native-paper';
import styles from '../styles';
import Colors from '../../../../../assets/styles/Colors';
type Step1VerifyNikSubStep1Props = {
setSubStep: (val: number) => void;
};
const Step1VerifyNikSubStep1 = ({
setSubStep,
}: Step1VerifyNikSubStep1Props) => {
return (
<ScrollView>
<View style={styles.subStepContainer}>
<View style={styles.subStepTextWrapper}>
<Text style={styles.subStepTitle}>Ambil/Upload Foto KTP Anda</Text>
<Text style={styles.subStepDesc}>
Pastikan pencahayaan cukup, tulisan pada identitas terlihat jelas,
dan jangan gunakan foto dari Live Mode sebelum melanjutkan.
</Text>
</View>
<View style={styles.documentImage}>
<Text style={styles.documentImageSupportText}>Foto KTP</Text>
<View
style={[
styles.documentImageCropped,
{backgroundColor: Colors.neutral100.color},
]}
/>
</View>
<View style={styles.subStepButtonContainer}>
<Button
mode="contained"
onPress={() => setSubStep(2)}
style={styles.subStepButtonContained}
textColor={Colors.neutral100.color}>
Ambil Foto
</Button>
<Button
mode="outlined"
onPress={() => {}}
style={styles.subStepButtonOutlined}
textColor={Colors.primary30.color}>
Upload Galeri
</Button>
</View>
</View>
</ScrollView>
);
};
export default Step1VerifyNikSubStep1;

48
src/screens/regularPassport/steps/Step1VerifyNik/Step1VerifyNikSubStep2.tsx Normal file
View File

@ -0,0 +1,48 @@
import React from 'react';
import {ScrollView, View, Text} from 'react-native';
import {Button} from 'react-native-paper';
import styles from '../styles';
import Colors from '../../../../../assets/styles/Colors';
type Step1VerifyNikSubStep2Props = {
setSubStep: (val: number) => void;
};
const Step1VerifyNikSubStep2 = ({
setSubStep,
}: Step1VerifyNikSubStep2Props) => {
return (
<ScrollView>
<View style={styles.subStepContainer}>
<View style={styles.subStepTextWrapper}>
<Text style={styles.subStepTitle}>Ambil/Upload Foto KTP Anda</Text>
<Text style={styles.subStepDesc}>
Pastikan pencahayaan cukup, tulisan pada identitas terlihat jelas,
dan jangan gunakan foto dari Live Mode sebelum melanjutkan.
</Text>
</View>
<View style={styles.documentImage} />
<View style={styles.subStepButtonContainer}>
<Button
mode="contained"
onPress={() => setSubStep(3)}
style={styles.subStepButtonContained}
textColor={Colors.neutral100.color}>
Pilih Foto
</Button>
<Button
mode="outlined"
onPress={() => setSubStep(1)}
style={styles.subStepButtonOutlined}
textColor={Colors.primary30.color}>
Ulangi
</Button>
</View>
</View>
</ScrollView>
);
};
export default Step1VerifyNikSubStep2;

89
src/screens/regularPassport/steps/Step1VerifyNik/Step1VerifyNikSubStep3.tsx Normal file
View File

@ -0,0 +1,89 @@
import React from 'react';
import {ScrollView, View} from 'react-native';
import {Button} from 'react-native-paper';
import styles from '../styles';
import TextInputComponent from '../../../../components/TextInput';
import genderData from '../../../../data/DropdownData/GenderData';
import civilStatusData from '../../../../data/DropdownData/CivilStatusData';
import Colors from '../../../../../assets/styles/Colors';
type Step1VerifyNikSubStep3Props = {
setStep: (val: number) => void;
setSubStep: (val: number) => void;
};
const Step1VerifyNikSubStep3 = ({
setStep,
setSubStep,
}: Step1VerifyNikSubStep3Props) => {
return (
<ScrollView>
<View style={styles.subStepContainer}>
<View style={styles.documentImageContainer}>
<View style={styles.documentImageCropped} />
</View>
<View style={[styles.subStepTextInputContainer, {marginBottom: 24}]}>
<TextInputComponent
title="Nama Lengkap Pemohon"
placeholder="Nama Lengkap Anda"
isRequired
/>
<TextInputComponent
title="NIK"
placeholder="Nama NIK Anda"
isRequired
/>
<View style={styles.subStepTextInputRowContainer}>
<View style={styles.subStepTextInputFlex}>
<TextInputComponent
title="Tanggal Lahir"
placeholder="DD/MM/YYYY"
isRequired
isDate
/>
</View>
<View style={styles.subStepTextInputFlex}>
<TextInputComponent
title="Jenis Kelamin"
placeholder="Jenis Kelamin"
isRequired
isDropdown
dropdownItemData={genderData}
/>
</View>
</View>
<TextInputComponent
title="Status Sipil"
placeholder="Pilih Status Sipil Anda"
isRequired
isDropdown
dropdownItemData={civilStatusData}
/>
</View>
<View style={styles.subStepButtonContainer}>
<Button
mode="contained"
onPress={() => {
setStep(2);
setSubStep(1);
}}
style={styles.subStepButtonContained}
textColor={Colors.neutral100.color}>
Lanjut
</Button>
<Button
mode="outlined"
onPress={() => setSubStep(2)}
style={styles.subStepButtonOutlined}
textColor={Colors.primary30.color}>
Kembali
</Button>
</View>
</View>
</ScrollView>
);
};
export default Step1VerifyNikSubStep3;