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

Add screens for Regular Passport, Express Passport, Guidebook, Eazy Passport, and Applicant Detail. Then, add several components in the Applicant Detail screen by parsing data from the History screen

Browse Source
This commit is contained in:
Mochammad Adhi Buchori
2025-04-22 08:06:07 +07:00
parent 4e21c213fc
commit 2c77afb399
17 changed files with 557 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/PassportAppointmentCard.tsx
View File

@ -6,7 +6,7 @@ import Colors from '../../assets/styles/Colors';
type PassportAppointmentCardProps = {
applicantName: string;
applicantCount: number;
applicantCode: string;
appointmentDate: string;
appointmentTime: string;
serviceUnit: string;
@ -53,7 +53,7 @@ const renderStatusContent = (status: string) => {
const PassportAppointmentCard: React.FC<PassportAppointmentCardProps> = ({
applicantName,
applicantCount,
applicantCode,
appointmentDate,
appointmentTime,
serviceUnit,
@ -64,9 +64,7 @@ const PassportAppointmentCard: React.FC<PassportAppointmentCardProps> = ({
<View style={styles.topCardContainer}>
<View style={styles.topCardContentTextWrapper}>
<Text style={styles.applicantNameText}>{applicantName}</Text>
<Text style={styles.applicantCountText}>
{applicantCount} Pemohon
</Text>
<Text style={styles.applicantCodeText}>{applicantCode}</Text>
</View>
<Icon name="menu-right" size={24} />
</View>
@ -139,7 +137,7 @@ const styles = StyleSheet.create({
textTransform: 'uppercase',
color: Colors.secondary30.color,
},
applicantCountText: {
applicantCodeText: {
fontSize: 12,
...FontFamily.notoSansRegular,
color: Colors.primary30.color,