diff options
Diffstat (limited to 'src/view/com/modals/report/ReportPost.tsx')
-rw-r--r-- | src/view/com/modals/report/ReportPost.tsx | 47 |
1 files changed, 27 insertions, 20 deletions
diff --git a/src/view/com/modals/report/ReportPost.tsx b/src/view/com/modals/report/ReportPost.tsx index fe2a5bca4..34ec8c2f2 100644 --- a/src/view/com/modals/report/ReportPost.tsx +++ b/src/view/com/modals/report/ReportPost.tsx @@ -1,5 +1,6 @@ import React, {useState, useMemo} from 'react' import {Linking, StyleSheet, TouchableOpacity, View} from 'react-native' +import {ScrollView} from 'react-native-gesture-handler' import {ComAtprotoModerationDefs} from '@atproto/api' import {useStores} from 'state/index' import {s} from 'lib/styles' @@ -66,26 +67,28 @@ export function Component({ } return ( - <View testID="reportPostModal" style={[s.flex1, s.pl10, s.pr10, pal.view]}> - {showTextInput ? ( - <InputIssueDetails - details={details} - setDetails={setDetails} - goBack={goBack} - submitReport={submitReport} - isProcessing={isProcessing} - /> - ) : ( - <SelectIssue - setShowTextInput={setShowTextInput} - error={error} - issue={issue} - setIssue={setIssue} - submitReport={submitReport} - isProcessing={isProcessing} - /> - )} - </View> + <ScrollView testID="reportPostModal" style={[s.flex1, pal.view]}> + <View style={styles.container}> + {showTextInput ? ( + <InputIssueDetails + details={details} + setDetails={setDetails} + goBack={goBack} + submitReport={submitReport} + isProcessing={isProcessing} + /> + ) : ( + <SelectIssue + setShowTextInput={setShowTextInput} + error={error} + issue={issue} + setIssue={setIssue} + submitReport={submitReport} + isProcessing={isProcessing} + /> + )} + </View> + </ScrollView> ) } @@ -232,6 +235,10 @@ const SelectIssue = ({ } const styles = StyleSheet.create({ + container: { + paddingHorizontal: 10, + paddingBottom: 40, + }, title: { textAlign: 'center', fontWeight: 'bold', |