diff --git a/src/constants/colors.js b/src/constants/colors.js
index 5e0714ff..71d18b96 100644
--- a/src/constants/colors.js
+++ b/src/constants/colors.js
@@ -3,6 +3,7 @@ export default {
white: '#ffffff',
red: '#ED4A43',
blue: '#0000EE',
+ lightBlue: '#cdcdcd',
cyan: {
main: '#25C7D1',
},
diff --git a/src/screens/ChatScreen/ActionsBar.js b/src/screens/ChatScreen/ActionsBar.js
index 09a0a2d8..b78ff38b 100644
--- a/src/screens/ChatScreen/ActionsBar.js
+++ b/src/screens/ChatScreen/ActionsBar.js
@@ -17,6 +17,7 @@ const ActionsBar = ({
myWalletAddress,
correspondentWalletAddress,
correspondentAddress,
+ insertAddress
}) => {
const actionSheet = useRef();
@@ -63,7 +64,7 @@ const ActionsBar = ({
index => {
switch (index) {
case 0:
- onSend([{ text: myWalletAddress }]);
+ insertAddress(myWalletAddress);
break;
case 1:
handleClearChat();
diff --git a/src/screens/ChatScreen/index.js b/src/screens/ChatScreen/index.js
index 02386c79..ce9acbec 100644
--- a/src/screens/ChatScreen/index.js
+++ b/src/screens/ChatScreen/index.js
@@ -55,6 +55,11 @@ const ChatScreen = ({
}
};
+ const insertAddress = (address) => {
+ const separator = text[text.length - 1] === " " ? "" : " ";
+ setText(`${text}${separator}${address} `);
+ };
+
const onLoadEarlier = () => {
// TODO: make pagination from reducer
};
@@ -69,7 +74,10 @@ const ChatScreen = ({
}
const replaceText = ({ type, ...data }) => {
- const replacedStyle = { ...style, ...styles.actionMessage, ...styles.command };
+ let replacedStyle = { ...style, ...styles.actionMessage, ...styles.command };
+ if (user._id === 1) {
+ replacedStyle = { ...replacedStyle, ...styles.outComingCommand }
+ }
switch (type) {
case "TEXTCOIN":
case "DATA":
@@ -84,14 +92,14 @@ const ChatScreen = ({
)
}
case "WALLET_ADDRESS": {
- const { address, pre, post } = data;
+ const { address } = data;
return user._id !== 1
? (
navigation.navigate('MakePayment', { walletAddress: data.address })}>
{address}
)
- : {address}
+ : {address}
}
case "REQUEST_PAYMENT": {
const { amount, address } = data;
@@ -104,7 +112,12 @@ const ChatScreen = ({
)
- : {`Payment request: ${amount}\n${address}`}
+ : (
+
+ Payment request:
+ {`${amount}\n${address}`}
+
+ )
}
case "SIGN_MESSAGE_REQUEST": {
const { messageToSign } = data;
@@ -132,7 +145,12 @@ const ChatScreen = ({
)
- : {`Request to sign message: \"${messageToSign}\"`}
+ : (
+
+ Request to sign message:
+ {`\"${messageToSign}\"`}
+
+ )
}
case "SIGNED_MESSAGE": {
return {`Signed message: ${data.text}`}
@@ -153,7 +171,7 @@ const ChatScreen = ({
{description}
)
- : {description}
+ : {description}
}
case "SUGGEST_COMMAND": {
const { command, description } = data;
@@ -166,7 +184,14 @@ const ChatScreen = ({
)
- : {description}
+ : (
+
+ {description}
+
+
+
+
+ )
}
}
};
@@ -232,6 +257,7 @@ const ChatScreen = ({
clearChatHistory={onClearChatHistory}
removeCorrespondent={onRemoveCorespondent}
onSend={onSend}
+ insertAddress={insertAddress}
correspondentWalletAddress={correspondentWalletAddress}
correspondentAddress={correspondent.address}
/>
diff --git a/src/screens/ChatScreen/styles.js b/src/screens/ChatScreen/styles.js
index ff70cc57..2369ae06 100644
--- a/src/screens/ChatScreen/styles.js
+++ b/src/screens/ChatScreen/styles.js
@@ -123,20 +123,17 @@ export default StyleSheet.create({
justifyContent: 'center',
alignItems: 'center',
},
- blueUrl: {
- color: colors.blue
- },
url: {
- color: colors.blue,
textDecorationLine: 'underline'
},
command: {
color: colors.blue,
fontFamily: 'Lato-Regular',
- fontStyle: 'italic',
- fontSize: 13,
marginBottom: -3
},
+ outComingCommand: {
+ color: colors.lightBlue
+ },
suggestCommand: {
marginBottom: -5
},
@@ -152,5 +149,8 @@ export default StyleSheet.create({
borderWidth: 1,
borderStyle: 'dashed',
borderColor: colors.blue,
+ },
+ outComingDotLine: {
+ borderColor: colors.lightBlue
}
});