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