varnitgoyal95/address-verification-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

TP-0 | Added scroll view on profile section (#284)

Browse Source
This commit is contained in:
Aman Chaturvedi
2023-04-25 20:45:21 +05:30
committed by GitHub Enterprise
parent 133a8b84ba
commit e5c3c583fd
1 changed files with 41 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
src/screens/Profile/index.tsx
View File

@@ -1,5 +1,5 @@
import React, { useEffect } from 'react';
import { Alert, StyleSheet, TouchableOpacity, View } from 'react-native';
import { Alert, ScrollView, StyleSheet, TouchableOpacity, View } from 'react-native';
import NavigationHeader from '../../../RN-UI-LIB/src/components/NavigationHeader';
import Text from '../../../RN-UI-LIB/src/components/Text';
import LogoutIcon from '../../../RN-UI-LIB/src/Icons/LogoutIcon';
@@ -64,46 +64,48 @@ const Profile: React.FC<IProfile> = ({ completedCases = [] }) => {
return (
<View style={GenericStyles.fill}>
<NavigationHeader title={name} subTitle={phoneNumber} showAvatarIcon />
<View style={[GenericStyles.p16, GenericStyles.mt8]}>
<View style={[GenericStyles.row, GenericStyles.alignCenter]}>
<View style={[GenericStyles.ml4, GenericStyles.mr8]}>
<GroupIcon />
<ScrollView>
<View style={[GenericStyles.p16, GenericStyles.mt8]}>
<View style={[GenericStyles.row, GenericStyles.alignCenter]}>
<View style={[GenericStyles.ml4, GenericStyles.mr8]}>
<GroupIcon />
</View>
<Text>Completed cases ({numberOfCompletedCases})</Text>
</View>
<Text>Completed cases ({numberOfCompletedCases})</Text>
{numberOfCompletedCases
? completedCases
.slice(0, 3)
.map((caseItem) => <ListItem caseData={caseItem} isCompleted />)
: null}
{numberOfCompletedCases > 3 ? (
<Button
title="View all completed cases"
variant="primaryText"
style={[
GenericStyles.w100,
GenericStyles.br8,
GenericStyles.mt8,
GenericStyles.mb8,
GenericStyles.whiteBackground,
]}
onPress={handleViewAllCases}
/>
) : null}
</View>
{numberOfCompletedCases
? completedCases
.slice(0, 3)
.map((caseItem) => <ListItem caseData={caseItem} isCompleted />)
: null}
{numberOfCompletedCases > 3 ? (
<Button
title="View all completed cases"
variant="primaryText"
style={[
GenericStyles.w100,
GenericStyles.br8,
GenericStyles.mt8,
GenericStyles.mb8,
GenericStyles.whiteBackground,
]}
onPress={handleViewAllCases}
/>
) : null}
</View>
<View style={styles.logoutContainer}>
<TouchableOpacity
onPress={handleLogout}
style={[GenericStyles.row, GenericStyles.alignCenter]}
>
<LogoutIcon />
<Text style={styles.logoutText}>Logout</Text>
</TouchableOpacity>
</View>
<Text bold dark style={styles.version}>
App Version: {getAppVersion()} Gradle Version: {VersionNumber.appVersion} Gradle Build No:{' '}
{VersionNumber.buildVersion}
</Text>
<View style={styles.logoutContainer}>
<TouchableOpacity
onPress={handleLogout}
style={[GenericStyles.row, GenericStyles.alignCenter]}
>
<LogoutIcon />
<Text style={styles.logoutText}>Logout</Text>
</TouchableOpacity>
</View>
<Text bold dark style={styles.version}>
App Version: {getAppVersion()} Gradle Version: {VersionNumber.appVersion} Gradle Build No:{' '}
{VersionNumber.buildVersion}
</Text>
</ScrollView>
</View>
);
};