jollywhoppers.com
Bluesky app fork with some witchin' additions 💫
witchsky.app
bluesky
fork
client
fix scrolling in delete account modal (#2733)
hailey.at
+10
-12
src/view/com/modals/DeleteAccount.tsx
+10
-12
src/view/com/modals/DeleteAccount.tsx
···
1
1
import React from 'react'
2
2
import {
3
+
SafeAreaView,
3
4
ActivityIndicator,
4
5
StyleSheet,
5
6
TouchableOpacity,
6
7
View,
7
8
} from 'react-native'
8
-
import {TextInput} from './util'
9
+
import {TextInput, ScrollView} from './util'
9
10
import LinearGradient from 'react-native-linear-gradient'
10
11
import * as Toast from '../util/Toast'
11
12
import {Text} from '../util/text/Text'
···
20
21
import {useLingui} from '@lingui/react'
21
22
import {useModalControls} from '#/state/modals'
22
23
import {useSession, useSessionApi, getAgent} from '#/state/session'
24
+
import {isAndroid} from 'platform/detection'
23
25
24
-
export const snapPoints = ['60%']
26
+
export const snapPoints = isAndroid ? ['90%'] : ['55%']
25
27
26
28
export function Component({}: {}) {
27
29
const pal = usePalette('default')
···
76
78
closeModal()
77
79
}
78
80
return (
79
-
<View style={[styles.container, pal.view]}>
80
-
<View style={[styles.innerContainer, pal.view]}>
81
+
<SafeAreaView style={[s.flex1]}>
82
+
<ScrollView
83
+
contentContainerStyle={[pal.view]}
84
+
keyboardShouldPersistTaps="handled">
81
85
<View style={[styles.titleContainer, pal.view]}>
82
86
<Text type="title-xl" style={[s.textCenter, pal.text]}>
83
87
<Trans>Delete Account</Trans>
···
234
238
)}
235
239
</>
236
240
)}
237
-
</View>
238
-
</View>
241
+
</ScrollView>
242
+
</SafeAreaView>
239
243
)
240
244
}
241
245
242
246
const styles = StyleSheet.create({
243
-
container: {
244
-
flex: 1,
245
-
},
246
-
innerContainer: {
247
-
paddingBottom: 20,
248
-
},
249
247
titleContainer: {
250
248
display: 'flex',
251
249
flexDirection: 'row',