@@ -3,14 +3,15 @@ import React, { useState, useRef, useCallback, useContext } from 'react';
3
3
import type { Node } from 'react' ;
4
4
import { TextInput , View } from 'react-native' ;
5
5
import { useFocusEffect } from '@react-navigation/native' ;
6
- import type { ViewStyleProp } from 'react-native/Libraries/StyleSheet/StyleSheet' ;
7
6
8
7
import { ThemeContext , createStyleSheet , HALF_COLOR } from '../styles' ;
9
8
10
9
const styles = createStyleSheet ( {
11
10
wrapper : {
12
11
flexDirection : 'row' ,
13
12
opacity : 0.8 ,
13
+ marginTop : 16 ,
14
+ marginBottom : 8 ,
14
15
} ,
15
16
realmInput : {
16
17
flex : 1 ,
@@ -20,13 +21,12 @@ const styles = createStyleSheet({
20
21
} ) ;
21
22
22
23
type Props = $ReadOnly < { |
23
- style ?: ViewStyleProp ,
24
24
onChangeText : ( value : string ) => void ,
25
25
onSubmitEditing : ( ) => Promise < void > ,
26
26
| } > ;
27
27
28
28
export default function SmartUrlInput ( props : Props ) : Node {
29
- const { style , onChangeText, onSubmitEditing } = props ;
29
+ const { onChangeText, onSubmitEditing } = props ;
30
30
31
31
// We should replace the fixme with
32
32
// `React$ElementRef<typeof TextInput>` when we can. Currently, that
@@ -67,7 +67,7 @@ export default function SmartUrlInput(props: Props): Node {
67
67
) ;
68
68
69
69
return (
70
- < View style = { [ styles . wrapper , style ] } >
70
+ < View style = { styles . wrapper } >
71
71
< TextInput
72
72
value = { value }
73
73
placeholder = "your-org.zulipchat.com"
0 commit comments