fix(messenger): UI message monitor metadata

Signed-off-by: clegirar <clemntgirard@gmail.com>
berty · Nov 19, 2020 · 90e432a · 90e432a
1 parent 8974143
commit 90e432a
Showing 1 changed file with 15 additions and 12 deletions.
diff --git a/js/packages/components/chat/shared-components/Message.tsx b/js/packages/components/chat/shared-components/Message.tsx
@@ -604,21 +604,24 @@ export const Message: React.FC<{
 	) {
 		return (
 			<View style={[padding.vertical.tiny, padding.horizontal.medium]}>
+				<View style={{ justifyContent: 'center', alignItems: 'center' }}>
+					<Icon name='monitor-outline' fill='#4E58BF' width={25} height={25} />
+					<Text
+						style={[
+							{ textAlign: 'center', fontFamily: 'Open Sans', color: '#4E58BF' },
+							text.bold.small,
+							text.italic,
+							text.size.scale(14),
+						]}
+					>
+						{monitorPayload}
+					</Text>
+				</View>
 				<Text
 					style={[
-						{ textAlign: 'center', fontFamily: 'Open Sans' },
-						text.color.black,
-						text.bold.small,
-						text.size.scale(14),
-					]}
-				>
-					{monitorPayload}
-				</Text>
-				<Text
-					style={[
-						{ fontFamily: 'Open Sans', alignSelf: 'flex-end' },
+						{ fontFamily: 'Open Sans', alignSelf: 'flex-end', color: '#4E58BF' },
 						text.bold.small,
-						text.color.black,
+						text.italic,
 						text.size.small,
 					]}
 				>