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]);