diff --git a/apps/mobile/src/components/EditorMenu/index.js b/apps/mobile/src/components/EditorMenu/index.js index 3da11aa90..c9e810a25 100644 --- a/apps/mobile/src/components/EditorMenu/index.js +++ b/apps/mobile/src/components/EditorMenu/index.js @@ -40,7 +40,7 @@ export const EditorMenu = ({ const {colors, changeColorScheme} = useAppContext(); const [unlock, setUnlock] = useState(false); const [vaultDialog, setVaultDialog] = useState(false); - + const [focused, setFocused] = useState(false); let tagToAdd = null; let backPressCount = 0; @@ -56,8 +56,9 @@ export const EditorMenu = ({ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'flex-end', - paddingHorizontal: '5%', + paddingHorizontal: 12, paddingVertical: pv + 5, + paddingTop: index === 0 ? 5 : pv + 5, }}> + + + Properties + + + {}, close: true, }, + { + name: 'Export', + icon: 'external-link', + func: () => {}, + close: true, + }, { - name: 'Delete', + name: 'Delete Note', icon: 'trash', func: () => {}, close: true, @@ -348,7 +372,7 @@ export const EditorMenu = ({ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'flex-end', - paddingHorizontal: '5%', + paddingHorizontal: 12, marginTop: 15, }}> {noteProps.tags.map(_renderTag)} (tagsInputRef = ref)} placeholderTextColor={colors.icon} + onFocus={() => { + setFocused(true); + }} + selectionColor={colors.accent} + selectTextOnFocus={true} + onBlur={() => { + setFocused(false); + }} placeholder="#hashtag" onChangeText={value => { tagToAdd = value; @@ -417,7 +451,7 @@ export const EditorMenu = ({ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'flex-end', - paddingHorizontal: '5%', + paddingHorizontal: 12, marginTop: 15, }}> - - - Last Synced: 5 secs ago. - - {} - - + + + Last Synced: 5 secs ago. + + {} + + + { if (item) { diff --git a/apps/mobile/src/components/Menu/index.js b/apps/mobile/src/components/Menu/index.js index e2e6df5df..b97b19509 100644 --- a/apps/mobile/src/components/Menu/index.js +++ b/apps/mobile/src/components/Menu/index.js @@ -45,7 +45,7 @@ export const Menu = ({close = () => {}, hide, update = () => {}}) => { />