Merge pull request synonymdev#880 from synonymdev/fix/profile-edit-sc…

…roll fix(profile): add scrollview to profile edit screen
JeanlChristophe · Feb 9, 2023 · 05346e4 · 05346e4
2 parents e36504b + 55c8627
commit 05346e4
Showing 1 changed file with 42 additions and 37 deletions.
diff --git a/src/screens/Profile/ProfileEdit.tsx b/src/screens/Profile/ProfileEdit.tsx
@@ -2,7 +2,7 @@ import React, { useState, useMemo, useEffect, useCallback, memo } from 'react';
 import { View, StyleSheet, KeyboardAvoidingView, Platform } from 'react-native';
 import { useSelector } from 'react-redux';
 
-import { View as ThemedView } from '../../styles/components';
+import { ScrollView, View as ThemedView } from '../../styles/components';
 import { Text02S } from '../../styles/text';
 import { PlusIcon } from '../../styles/icons';
 import NavigationHeader from '../../components/NavigationHeader';
@@ -120,42 +120,44 @@ export const ProfileEdit = ({
 				}}
 			/>
 			<KeyboardAvoidingView behavior="padding" style={styles.content}>
-				<ProfileCard
-					url={url}
-					editable={true}
-					resolving={false}
-					profile={profile}
-					onChange={setField}
-				/>
-				<Divider />
-				<ProfileLinks links={links} editable={true} />
-				<Button
-					text="Add Link"
-					style={styles.addLinkButton}
-					onPress={(): void => {
-						navigation.navigate('ProfileAddLink');
-					}}
-					icon={
-						<PlusIcon color="brand" width={16} style={styles.addLinkButton} />
-					}
-				/>
-				<Divider />
-				<Text02S color="gray1">
-					Please note that all your profile information will be publicly
-					available and visible.
-				</Text02S>
-
-				{(!onboardedProfile || hasEdited) && (
-					<View style={buttonContainerStyles}>
-						<Button
-							style={styles.button}
-							text={onboardedProfile ? 'Save Profile' : 'Continue'}
-							size="large"
-							disabled={!isValid()}
-							onPress={save}
-						/>
-					</View>
-				)}
+				<ScrollView style={styles.scroll}>
+					<ProfileCard
+						url={url}
+						editable={true}
+						resolving={false}
+						profile={profile}
+						onChange={setField}
+					/>
+					<Divider />
+					<ProfileLinks links={links} editable={true} />
+					<Button
+						text="Add Link"
+						style={styles.addLinkButton}
+						onPress={(): void => {
+							navigation.navigate('ProfileAddLink');
+						}}
+						icon={
+							<PlusIcon color="brand" width={16} style={styles.addLinkButton} />
+						}
+					/>
+					<Divider />
+					<Text02S color="gray1">
+						Please note that all your profile information will be publicly
+						available and visible.
+					</Text02S>
+
+					{(!onboardedProfile || hasEdited) && (
+						<View style={buttonContainerStyles}>
+							<Button
+								style={styles.button}
+								text={onboardedProfile ? 'Save Profile' : 'Continue'}
+								size="large"
+								disabled={!isValid()}
+								onPress={save}
+							/>
+						</View>
+					)}
+				</ScrollView>
 			</KeyboardAvoidingView>
 			<SafeAreaInsets type="bottom" />
 		</ThemedView>
@@ -166,6 +168,9 @@ const styles = StyleSheet.create({
 	container: {
 		flex: 1,
 	},
+	scroll: {
+		flex: 1,
+	},
 	header: {
 		paddingBottom: 32,
 	},