From 7bf1f3c0be4befcfea5b97c9257321634357b5e1 Mon Sep 17 00:00:00 2001
From: Diego Mello <diegolmello@gmail.com>
Date: Fri, 8 Feb 2019 14:34:50 -0200
Subject: [PATCH] [FIX] Reply title should break text (#616)

---
 .../__snapshots__/Storyshots.test.js.snap     | 41 +++++++++++++++++++
 app/containers/message/Reply.js               |  2 +
 storybook/stories/Message.js                  | 20 +++++++++
 3 files changed, 63 insertions(+)

diff --git a/__tests__/__snapshots__/Storyshots.test.js.snap b/__tests__/__snapshots__/Storyshots.test.js.snap
index b9ce35685..17a49bfb1 100644
--- a/__tests__/__snapshots__/Storyshots.test.js.snap
+++ b/__tests__/__snapshots__/Storyshots.test.js.snap
@@ -1156,6 +1156,47 @@ exports[`Storyshots Message list 1`] = `
     >
       View
     </View>
+    <View
+      style={
+        Object {
+          "flexDirection": "row",
+        }
+      }
+    >
+      View
+    </View>
+    <Text
+      style={
+        Array [
+          Object {
+            "fontSize": 20,
+            "fontWeight": "300",
+            "marginLeft": 10,
+            "marginTop": 30,
+          },
+          Object {
+            "marginBottom": 30,
+            "marginTop": 0,
+            "transform": Array [
+              Object {
+                "scaleY": -1,
+              },
+            ],
+          },
+        ]
+      }
+    >
+      Message with reply
+    </Text>
+    <View
+      style={
+        Object {
+          "flexDirection": "row",
+        }
+      }
+    >
+      View
+    </View>
     <Text
       style={
         Array [
diff --git a/app/containers/message/Reply.js b/app/containers/message/Reply.js
index 02632ad5e..34fec98ce 100644
--- a/app/containers/message/Reply.js
+++ b/app/containers/message/Reply.js
@@ -23,10 +23,12 @@ const styles = StyleSheet.create({
 		padding: 15
 	},
 	authorContainer: {
+		flex: 1,
 		flexDirection: 'row',
 		alignItems: 'center'
 	},
 	author: {
+		flex: 1,
 		color: '#1d74f5',
 		fontSize: 18,
 		fontWeight: '500',
diff --git a/storybook/stories/Message.js b/storybook/stories/Message.js
index 4984e088f..6bd0b1e84 100644
--- a/storybook/stories/Message.js
+++ b/storybook/stories/Message.js
@@ -231,6 +231,26 @@ export default (
 		/>
 		<Separator title='With audio' />
 
+		<Message
+			msg="I'm fine!"
+			attachments={[{
+				author_name: 'This is a long title and i\'ll break',
+				ts: date,
+				timeFormat: 'LT',
+				text: 'How are you?'
+			}]}
+		/>
+		<Message
+			msg="I'm fine!"
+			attachments={[{
+				author_name: 'rocket.cat',
+				ts: date,
+				timeFormat: 'LT',
+				text: 'How are you?'
+			}]}
+		/>
+		<Separator title='Message with reply' />
+
 		<Message
 			urls={[{
 				url: 'https://rocket.chat',