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 styles on drawers

Browse Source
This commit is contained in:
Roland Osborne 2022-09-28 15:21:02 -07:00
parent 0f8a90fb85
commit 13a7081361
3 changed files with 56 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
app/mobile/src/session/cards/Cards.jsx
View File

@ -83,33 +83,37 @@ export function Cards({ openRegistry, openContact }) {
</>
)}
{ !state.tabbed && (
<SafeAreaView edges={['top', 'right']} style={styles.searcharea}>
<View style={styles.searchbar}>
{ state.sorting && (
<TouchableOpacity style={styles.sort} onPress={actions.unsort}>
<Ionicons style={styles.icon} name="menufold" size={18} color={Colors.text} />
<>
<View style={styles.searcharea}>
<SafeAreaView edges={['top', 'right']} style={styles.searchbar}>
{ state.sorting && (
<TouchableOpacity style={styles.sort} onPress={actions.unsort}>
<Ionicons style={styles.icon} name="menufold" size={18} color={Colors.text} />
</TouchableOpacity>
)}
{ !state.sorting && (
<TouchableOpacity style={styles.sort} onPress={actions.sort}>
<Ionicons style={styles.icon} name="menufold" size={18} color={Colors.disabled} />
</TouchableOpacity>
)}
<View style={styles.inputwrapper}>
<Ionicons style={styles.icon} name="search1" size={16} color={Colors.disabled} />
<TextInput style={styles.inputfield} value={state.filter} onChangeText={actions.setFilter}
autoCapitalize="none" placeholderTextColor={Colors.disabled} placeholder="Contacts" />
</View>
<TouchableOpacity style={styles.add} onPress={openRegistry}>
<Ionicons name={'adduser'} size={16} color={Colors.white} style={[styles.box, { transform: [ { rotateY: "180deg" }, ]} ]}/>
</TouchableOpacity>
)}
{ !state.sorting && (
<TouchableOpacity style={styles.sort} onPress={actions.sort}>
<Ionicons style={styles.icon} name="menufold" size={18} color={Colors.disabled} />
</TouchableOpacity>
)}
<View style={styles.inputwrapper}>
<Ionicons style={styles.icon} name="search1" size={16} color={Colors.disabled} />
<TextInput style={styles.inputfield} value={state.filter} onChangeText={actions.setFilter}
autoCapitalize="none" placeholderTextColor={Colors.disabled} placeholder="Contacts" />
</View>
<TouchableOpacity style={styles.add} onPress={openRegistry}>
<Ionicons name={'adduser'} size={16} color={Colors.white} style={[styles.box, { transform: [ { rotateY: "180deg" }, ]} ]}/>
</TouchableOpacity>
</SafeAreaView>
</View>
<FlatList style={styles.cards}
data={state.cards}
renderItem={({ item }) => <CardItem item={item} openContact={openContact} />}
keyExtractor={item => item.cardId}
/>
</SafeAreaView>
<SafeAreaView edges={['right']} style={styles.searcharea}>
<FlatList style={styles.cards}
data={state.cards}
renderItem={({ item }) => <CardItem item={item} openContact={openContact} />}
keyExtractor={item => item.cardId}
/>
</SafeAreaView>
</>
)}
</View>
);

4
app/mobile/src/session/conversation/Conversation.jsx
View File

@ -20,7 +20,7 @@ export function ConversationHeader({ channel, closeConversation, openDetails })
return (
<View style={styles.title}>
<View style={styles.subject}>
<Text style={styles.subjectText}>{ state.subject }</Text>
<Text style={styles.subjectText} numberOfLines={1} ellipsizeMode={'tail'}>{ state.subject }</Text>
</View>
<TouchableOpacity style={styles.action} onPress={setDetails}>
<Ionicons name="setting" size={20} color={Colors.primary} />
@ -48,7 +48,7 @@ export function Conversation({ channel, closeConversation, openDetails }) {
return (
<View style={styles.container}>
<View style={styles.header}>
<Text style={styles.subjectText}>{ state.subject }</Text>
<Text style={styles.subjectText} numberOfLines={1} ellipsizeMode={'tail'}>{ state.subject }</Text>
<TouchableOpacity style={styles.action} onPress={openDetails}>
<Ionicons name="setting" size={20} color={Colors.primary} />
</TouchableOpacity>

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

@ -102,31 +102,35 @@ export function Registry({ closeRegistry, openContact }) {
</>
)}
{ !state.tabbed && (
<SafeAreaView edges={['right']}>
<>
<View style={styles.searcharea}>
<View style={styles.searchbar}>
{ state.busy && (
<View style={styles.search}>
<ActivityIndicator />
<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>
)}
{ !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>
<FlatList style={styles.accounts}
data={state.accounts}
renderItem={({ item }) => <RegistryItem item={item} openContact={openContact} />}
keyExtractor={item => item.guid}
/>
</SafeAreaView>
<SafeAreaView edges={['right']}>
<FlatList style={styles.accounts}
data={state.accounts}
renderItem={({ item }) => <RegistryItem item={item} openContact={openContact} />}
keyExtractor={item => item.guid}
/>
</SafeAreaView>
</>
)}
</View>
);