Fix agent icon for messages and header (#149)

* Set banner as initial of agent name * Add build files * Add build files * Add alias flag to determine when to use agent name icon * Add build files
WideChat · Jun 21, 2022 · ca92216 · ca92216
1 parent 470f732
commit ca92216
Show file tree

Hide file tree

Showing 9 changed files with 13 additions and 9 deletions.
diff --git a/build/63.chunk.61a2a.js b/build/63.chunk.61a2a.js
diff --git a/build/63.chunk.61a2a.js.map b/build/63.chunk.61a2a.js.map
diff --git a/build/63.chunk.eb080.js b/build/63.chunk.eb080.js
diff --git a/build/63.chunk.eb080.js.map b/build/63.chunk.eb080.js.map
diff --git a/build/bundle.1675e.js → build/bundle.fa2ae.js b/build/bundle.1675e.js → build/bundle.fa2ae.js
diff --git a/build/bundle.1675e.js.map → build/bundle.fa2ae.js.map b/build/bundle.1675e.js.map → build/bundle.fa2ae.js.map
diff --git a/build/index.html b/build/index.html
@@ -1 +1 @@
-<!doctype html><html><head><meta charset="utf-8"><title></title><meta name="viewport" content="width=device-width,initial-scale=1"></head><body><script src="livechat/0.chunk.16385.js"></script><script src="livechat/polyfills.caf00.js"></script><script src="livechat/vendors~bundle.chunk.76887.js"></script><script src="livechat/bundle.1675e.js"></script></body></html>
+<!doctype html><html><head><meta charset="utf-8"><title></title><meta name="viewport" content="width=device-width,initial-scale=1"></head><body><script src="livechat/0.chunk.16385.js"></script><script src="livechat/polyfills.caf00.js"></script><script src="livechat/vendors~bundle.chunk.76887.js"></script><script src="livechat/bundle.fa2ae.js"></script></body></html>
diff --git a/src/lib/room.js b/src/lib/room.js
@@ -229,6 +229,10 @@ const transformAgentInformationOnMessage = (message) => {
 		return { ...message, u: { _id: message.u._id } };
 	}
 
+	if (message && message.u && message.u._id !== user._id && message.customFields && message.customFields.salesforceAgentName) {
+		return { ...message, alias: true, u: { ...message.u, name: message.customFields.salesforceAgentName } };
+	}
+
 	return message;
 };
 
@@ -239,7 +243,7 @@ const handleMessageCustomFields = async (message) => {
 		}
 		if (message.customFields.salesforceAgentName) {
 			const { agent } = store.state;
-			await store.setState({ agent: { ...agent, name: message.customFields.salesforceAgentName } });
+			await store.setState({ agent: { ...agent, name: message.customFields.salesforceAgentName, alias: true } });
 		}
 	}
 };

diff --git a/src/routes/Chat/container.js b/src/routes/Chat/container.js
@@ -533,7 +533,7 @@ export const ChatConnector = ({ ref, ...props }) => (
 					phone: (agent.phone && agent.phone[0] && agent.phone[0].phoneNumber) || (agent.customFields && agent.customFields.phone),
 					avatar: agent.username ? {
 						description: agent.username,
-						src: getAvatarUrl(agent.username),
+						src: getAvatarUrl((agent.alias && agent.name) || agent.username),
 					} : undefined,
 				} : undefined}
 				room={room}
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<!doctype html><html><head><meta charset="utf-8"><title></title><meta name="viewport" content="width=device-width,initial-scale=1"></head><body><script src="livechat/0.chunk.16385.js"></script><script src="livechat/polyfills.caf00.js"></script><script src="livechat/vendors~bundle.chunk.76887.js"></script><script src="livechat/bundle.1675e.js"></script></body></html>
		<!doctype html><html><head><meta charset="utf-8"><title></title><meta name="viewport" content="width=device-width,initial-scale=1"></head><body><script src="livechat/0.chunk.16385.js"></script><script src="livechat/polyfills.caf00.js"></script><script src="livechat/vendors~bundle.chunk.76887.js"></script><script src="livechat/bundle.fa2ae.js"></script></body></html>