diff --git a/app/mobile/src/session/settings/Settings.jsx b/app/mobile/src/session/settings/Settings.jsx
index db28ca49..aaad2cf2 100644
--- a/app/mobile/src/session/settings/Settings.jsx
+++ b/app/mobile/src/session/settings/Settings.jsx
@@ -211,12 +211,18 @@ export function Settings() {
+ placeholderTextColor={Colors.inputPlaceholder} />
+
+
+
+ placeholderTextColor={Colors.inputPlaceholder} />
+
+
+
{ state.sealPassword === state.sealConfirm && state.sealPassword && (
diff --git a/app/mobile/src/session/settings/Settings.styled.js b/app/mobile/src/session/settings/Settings.styled.js
index db122bb3..548980ce 100644
--- a/app/mobile/src/session/settings/Settings.styled.js
+++ b/app/mobile/src/session/settings/Settings.styled.js
@@ -151,20 +151,27 @@ export const styles = StyleSheet.create({
paddingBottom: 16,
},
modalInput: {
- width: '100%',
- paddingRight: 32,
- paddingLeft: 32,
+ marginRight: 32,
+ marginLeft: 32,
+ display: 'flex',
+ alignItems: 'center',
+ justifyContent: 'center',
+ flexDirection: 'row',
},
inputText: {
- width: '100%',
+ flex: 1,
paddingLeft: 8,
paddingRight: 8,
paddingTop: 4,
paddingBottom: 4,
borderRadius: 4,
- marginTop: 8,
+ margin: 4,
backgroundColor: Colors.inputBase,
},
+ inputVisibility: {
+ position: 'absolute',
+ right: 16,
+ },
enabledButton: {
marginTop: 32,
marginBottom: 16,
diff --git a/app/mobile/src/session/settings/useSettings.hook.js b/app/mobile/src/session/settings/useSettings.hook.js
index e9a0d3f9..4f178b25 100644
--- a/app/mobile/src/session/settings/useSettings.hook.js
+++ b/app/mobile/src/session/settings/useSettings.hook.js
@@ -73,7 +73,7 @@ export function useSettings() {
await profile.actions.setMonthLast(flag);
},
showEditSeal: () => {
- updateState({ editSeal: true });
+ updateState({ editSeal: true, sealPassword: null, sealConfirm: null });
},
hideEditSeal: () => {
updateState({ editSeal: false });
@@ -84,6 +84,18 @@ export function useSettings() {
setSealConfirm: (sealConfirm) => {
updateState({ sealConfirm });
},
+ showPassword: () => {
+ updateState({ hidePassword: false });
+ },
+ hidePassword: () => {
+ updateState({ hidePassword: true });
+ },
+ showConfirm: () => {
+ updateState({ hideConfirm: false });
+ },
+ hideConfirm: () => {
+ updateState({ hideConfirm: true });
+ },
generateKey: () => {
console.log("GENERATE KEY");
},