diff --git a/app/client/mobile/src/message/Message.styled.ts b/app/client/mobile/src/message/Message.styled.ts index 0f133566..56d7b03d 100644 --- a/app/client/mobile/src/message/Message.styled.ts +++ b/app/client/mobile/src/message/Message.styled.ts @@ -150,10 +150,14 @@ export const styles = StyleSheet.create({ alignItem: 'center', justifyContent: 'center', width:'80%', - maxWidth: 400, + maxWidth: 500, padding: 16, borderRadius: 8, }, + editContent: { + width: '100%', + padding: 16, + }, blur: { position: 'absolute', top: 0, diff --git a/app/client/mobile/src/message/Message.tsx b/app/client/mobile/src/message/Message.tsx index 0c6de310..5ae4fdab 100644 --- a/app/client/mobile/src/message/Message.tsx +++ b/app/client/mobile/src/message/Message.tsx @@ -279,22 +279,24 @@ export function Message({ topic, card, profile, host, select, selected }: { topi setEditing(false)}> - - { state.strings.edit } - setEditText(value)} /> - - - - - setEditing(false)} /> - + + + { state.strings.edit } + setEditText(value)} /> + + + + + setEditing(false)} /> + + diff --git a/app/client/mobile/src/settings/Settings.styled.ts b/app/client/mobile/src/settings/Settings.styled.ts index 6d6ca5e0..296252ee 100644 --- a/app/client/mobile/src/settings/Settings.styled.ts +++ b/app/client/mobile/src/settings/Settings.styled.ts @@ -218,8 +218,17 @@ export const styles = StyleSheet.create({ backgroundColor: 'transparent', }, modalOption: { - backgroundColor: 'transparent', flexGrow: 1, + display: 'flex', + alignItems: 'flex-begin', + }, + modalOther: { + flexGrow: 1, + display: 'flex', + alignItems: 'flex-end', + }, + optionIcon: { + backgroundColor: 'transparent', }, deleteButton: { backgroundColor: Colors.danger, diff --git a/app/client/mobile/src/settings/Settings.tsx b/app/client/mobile/src/settings/Settings.tsx index 4be30b50..57bad9f3 100644 --- a/app/client/mobile/src/settings/Settings.tsx +++ b/app/client/mobile/src/settings/Settings.tsx @@ -1,6 +1,6 @@ import React, {useState} from 'react'; import {useTheme, Surface, Button, Text, IconButton, Divider, Icon, TextInput, RadioButton, Switch} from 'react-native-paper'; -import {TouchableOpacity, Modal, View, Image, ScrollView} from 'react-native'; +import {TouchableOpacity, Modal, View, Image, ScrollView, Platform} from 'react-native'; import {styles} from './Settings.styled'; import {useSettings} from './useSettings.hook'; import ImagePicker from 'react-native-image-crop-picker'; @@ -456,9 +456,7 @@ export function Settings({showLogout}: {showLogout: boolean}) { {state.profile.description && {state.profile.description}} setDetails(true)}> - - {state.strings.edit} - + {state.strings.edit} @@ -669,15 +667,17 @@ export function Settings({showLogout}: {showLogout: boolean}) { {state.strings.sealForget} {!sealConfig && ( - { - setSealConfig(true); - }} - /> + + { + setSealConfig(true); + }} + /> + @@ -692,17 +692,19 @@ export function Settings({showLogout}: {showLogout: boolean}) { {state.strings.resave} - { - setSealConfig(false); - }} - /> + + { + setSealConfig(false); + }} + /> + )} @@ -717,7 +719,7 @@ export function Settings({showLogout}: {showLogout: boolean}) { autoComplete="off" autoCorrect={false} value={state.sealPassword} - label={Platofrm.OS==='ios'?state.strings.password:undefined} + label={Platform.OS==='ios'?state.strings.password:undefined} placeholder={Platform.OS!=='ios'?state.strings.password:undefined} secureTextEntry={!showPassword} left={} @@ -785,15 +787,17 @@ export function Settings({showLogout}: {showLogout: boolean}) { /> {!sealConfig && ( - { - setSealConfig(true); - }} - /> + + { + setSealConfig(true); + }} + /> + @@ -807,15 +811,17 @@ export function Settings({showLogout}: {showLogout: boolean}) { - { - setSealConfig(false); - }} - /> + + { + setSealConfig(false); + }} + /> + )} @@ -1136,94 +1142,100 @@ export function Settings({showLogout}: {showLogout: boolean}) { setBlockedMessage(false)}> - - - { state.strings.blockedMessages } - setBlockedMessage(false)} /> - - - { state.blockedMessages.length == 0 && ( - - { state.strings.noMessages } - - )} - { state.blockedMessages.length > 0 && ( - - { blockedMessages } - - )} - - - { blockedError && ( - { state.strings.operationFailed } - )} - - - + + + + { state.strings.blockedMessages } + setBlockedMessage(false)} /> + + + { state.blockedMessages.length == 0 && ( + + { state.strings.noMessages } + + )} + { state.blockedMessages.length > 0 && ( + + { blockedMessages } + + )} + + + { blockedError && ( + { state.strings.operationFailed } + )} + + + + setBlockedChannel(false)}> - - - { state.strings.blockedTopics } - setBlockedChannel(false)} /> - - - { state.blockedChannels.length == 0 && ( - - { state.strings.noTopics } - - )} - { state.blockedChannels.length > 0 && ( - - { blockedChannels } - - )} - - - { blockedError && ( - { state.strings.operationFailed } - )} - - - + + + + { state.strings.blockedTopics } + setBlockedChannel(false)} /> + + + { state.blockedChannels.length == 0 && ( + + { state.strings.noTopics } + + )} + { state.blockedChannels.length > 0 && ( + + { blockedChannels } + + )} + + + { blockedError && ( + { state.strings.operationFailed } + )} + + + + setBlockedContact(false)}> - - - { state.strings.blockedContacts } - setBlockedContact(false)} /> - - - { state.blockedContacts.length == 0 && ( - - { state.strings.noContacts } - - )} - { state.blockedContacts.length > 0 && ( - - { blockedContacts } - - )} - - - { blockedError && ( - { state.strings.operationFailed } - )} - - - + + + + { state.strings.blockedContacts } + setBlockedContact(false)} /> + + + { state.blockedContacts.length == 0 && ( + + { state.strings.noContacts } + + )} + { state.blockedContacts.length > 0 && ( + + { blockedContacts } + + )} + + + { blockedError && ( + { state.strings.operationFailed } + )} + + + + diff --git a/app/client/mobile/src/welcome/useWelcome.hook.ts b/app/client/mobile/src/welcome/useWelcome.hook.ts index 6ee83a71..6c2d7149 100644 --- a/app/client/mobile/src/welcome/useWelcome.hook.ts +++ b/app/client/mobile/src/welcome/useWelcome.hook.ts @@ -17,14 +17,6 @@ export function useWelcome() { } useEffect(() => { -console.log("-------> SETTING!"); -console.log("-------> SETTING!"); -console.log("-------> SETTING!"); -console.log("-------> SETTING!"); -console.log("-------> SETTING!"); -console.log("-------> SETTING!"); - console.log(app.state); - const showWelcome = app.state.showWelcome; updateState({ showWelcome }); }, [app.state]);