diff --git a/app/mobile/src/constants/Strings.js b/app/mobile/src/constants/Strings.js index cd41c0bb..e2b7d6e9 100644 --- a/app/mobile/src/constants/Strings.js +++ b/app/mobile/src/constants/Strings.js @@ -85,6 +85,24 @@ const Strings = [ // contacts page add: 'Add', back: 'Back', + + confirmed: 'Saved', + pending: 'Unknown Contact', + connecting: 'Request Sent', + connected: 'Connected', + requested: 'Request Received', + unsaved: 'Unsaved Contact', + offsync: 'Offsync', + + saveContact: 'Save Contact', + requestConnection: 'Request Connection', + deleteContact: 'Delete Contact', + blockContact: 'Block Contact', + reportContact: 'Report Contact', + cancelRequest: 'Cancel Request', + acceptConnection: 'Accept Connection', + ignoreContact: 'Ignore Contact', + resyncContact: 'Resync Contact', }, { visibleRegistry: 'Visible dans le Registre', diff --git a/app/mobile/src/session/contact/Contact.jsx b/app/mobile/src/session/contact/Contact.jsx index 4ab62761..dadeacf1 100644 --- a/app/mobile/src/session/contact/Contact.jsx +++ b/app/mobile/src/session/contact/Contact.jsx @@ -327,7 +327,21 @@ export function Contact({ contact, drawer, back }) { { !state.name && ( { state.strings.name } )} - { state.username } + + { state.username } + + { state.status === 'connected' && ( + + Connected + + )} + { state.status !== 'connected' && ( + + Connected + + )} + + diff --git a/app/mobile/src/session/contact/Contact.styled.js b/app/mobile/src/session/contact/Contact.styled.js index 46cbe34d..0166dd5c 100644 --- a/app/mobile/src/session/contact/Contact.styled.js +++ b/app/mobile/src/session/contact/Contact.styled.js @@ -83,6 +83,28 @@ export const styles = StyleSheet.create({ paddingLeft: 16, paddingRight: 16, }, + usernameStatus: { + display: 'flex', + flexDirection: 'row', + alignItems: 'center', + }, + status: { + display: 'flex', + flexGrow: 1, + paddingRight: 32, + alignItems: 'flex-end', + }, + statusConnected: { + paddingLeft: 8, + paddingRight: 8, + paddingTop: 2, + paddingBottom: 2, + borderRadius: 8, + backgroundColor: 'yellow', + }, + statusLabel: { + color: Colors.text, + }, attributes: { marginLeft: 16, marginRight: 16,