martin/databag
1
0
Fork 0
mirror of https://github.com/balzack/databag.git synced 2025-02-12 03:29:16 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fixing ipad registry header

Browse Source
This commit is contained in:
balzack 2022-10-31 21:15:50 -07:00
parent 54071f0af0
commit ad6f631488
3 changed files with 14 additions and 74 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
app/mobile/ios/Podfile.lock
View File

@ -394,6 +394,9 @@ PODS:
- React-RCTText
- ReactCommon/turbomodule/core
- Yoga
- RNScreens (3.18.2):
- React-Core
- React-RCTImage
- RNSoundPlayer (0.13.2):
- React-Core
- TOCropViewController (2.6.0)
@ -449,6 +452,7 @@ DEPENDENCIES:
- RNGestureHandler (from `../node_modules/react-native-gesture-handler`)
- RNImageCropPicker (from `../node_modules/react-native-image-crop-picker`)
- RNReanimated (from `../node_modules/react-native-reanimated`)
- RNScreens (from `../node_modules/react-native-screens`)
- RNSoundPlayer (from `../node_modules/react-native-sound-player`)
- Yoga (from `../node_modules/react-native/ReactCommon/yoga`)
@ -554,6 +558,8 @@ EXTERNAL SOURCES:
:path: "../node_modules/react-native-image-crop-picker"
RNReanimated:
:path: "../node_modules/react-native-reanimated"
RNScreens:
:path: "../node_modules/react-native-screens"
RNSoundPlayer:
:path: "../node_modules/react-native-sound-player"
Yoga:
@ -609,6 +615,7 @@ SPEC CHECKSUMS:
RNGestureHandler: 7673697e7c0e9391adefae4faa087442bc04af33
RNImageCropPicker: ffbba608264885c241cbf3a8f78eb7aeeb978241
RNReanimated: 7faa787e8d4493fbc95fab2ad331fa7625828cfa
RNScreens: 34cc502acf1b916c582c60003dc3089fa01dc66d
RNSoundPlayer: 369105c565b8fe6ea0a43fc882dc81eba444e842
TOCropViewController: 3105367e808b7d3d886a74ff59bf4804e7d3ab38
Yoga: c2b1f2494060865ac1f27e49639e72371b1205fa

78
app/mobile/src/session/registry/Registry.jsx
View File

@ -92,80 +92,10 @@ export function Registry({ closeRegistry, openContact }) {
const { state, actions } = useRegistry();
return (
<View style={styles.container}>
{ state.tabbed && (
<>
<View style={styles.topbar}>
{ state.busy && (
<View style={styles.search}>
<ActivityIndicator />
</View>
)}
{ !state.busy && (
<TouchableOpacity style={styles.search} onPress={search}>
<Ionicons name={'search1'} size={16} color={Colors.white} />
</TouchableOpacity>
)}
<View style={styles.inputwrapper}>
<TextInput style={styles.inputfield} value={state.server} onChangeText={actions.setServer}
autoCapitalize="none" placeholderTextColor={Colors.disabled} placeholder="Server" />
<View style={styles.space} />
</View>
<TouchableOpacity style={styles.close} onPress={closeRegistry}>
<Ionicons name={'close'} size={24} color={Colors.text} />
</TouchableOpacity>
</View>
{ state.accounts.length === 0 && state.searched && (
<View style={styles.empty}>
<Text style={styles.emptyText}>No Contacts Found</Text>
</View>
)}
{ state.accounts.length !== 0 && (
<FlatList style={styles.accounts}
data={state.accounts}
renderItem={({ item }) => <RegistryItem item={item} openContact={openContact} />}
keyExtractor={item => item.guid}
/>
)}
</>
)}
{ !state.tabbed && (
<SafeAreaView edges={['top', 'right', 'bottom']}>
<View style={styles.searcharea}>
<SafeAreaView edges={['right']}>
<View style={styles.searchbar}>
{ state.busy && (
<View style={styles.search}>
<ActivityIndicator />
</View>
)}
{ !state.busy && (
<TouchableOpacity style={styles.search} onPress={search}>
<Ionicons name={'search1'} size={16} color={Colors.white} />
</TouchableOpacity>
)}
<View style={styles.inputwrapper}>
<TextInput style={styles.inputfield} value={state.server} onChangeText={actions.setServer}
autoCapitalize="none" placeholderTextColor={Colors.disabled} placeholder="Server" />
</View>
</View>
</SafeAreaView>
</View>
{ state.accounts.length === 0 && state.searched && (
<View style={style.empty}>
<Text style={styles.emptyText}>No Contacts Found</Text>
</View>
)}
{ state.accounts.length !== 0 && (
<FlatList style={styles.accounts}
data={state.accounts}
renderItem={({ item }) => <RegistryItem item={item} openContact={openContact} />}
keyExtractor={item => item.guid}
/>
)}
</SafeAreaView>
)}
</View>
<SafeAreaView style={styles.container} edges={['top', 'right', 'bottom']}>
<RegistryTitle state={state} actions={actions} />
<RegistryBody state={state} actions={actions} openContact={openContact} />
</SafeAreaView>
);
}

3
app/mobile/src/session/registry/Registry.styled.js
View File

@ -8,6 +8,9 @@ export const styles = StyleSheet.create({
display: 'flex',
flexDirection: 'column',
backgroundColor: Colors.formBackground,
paddingLeft: 16,
paddingRight: 16,
paddingTop: 8,
},
title: {
display: 'flex',