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"); },