From 28b585284a980fcbbc06e1f440a90485c23745e6 Mon Sep 17 00:00:00 2001
From: CJ <38697367+imisshtml@users.noreply.github.com>
Date: Sun, 12 Jan 2020 06:48:22 -0500
Subject: [PATCH] Removed Markdown from Purpose on Channel Info (#3796)

---
 .../channel_info_header.test.js.snap          | 666 +-----------------
 .../channel_info/channel_info_header.js       |  10 +-
 2 files changed, 33 insertions(+), 643 deletions(-)

diff --git a/app/screens/channel_info/__snapshots__/channel_info_header.test.js.snap b/app/screens/channel_info/__snapshots__/channel_info_header.test.js.snap
index ba2e68dcb..83cc3219b 100644
--- a/app/screens/channel_info/__snapshots__/channel_info_header.test.js.snap
+++ b/app/screens/channel_info/__snapshots__/channel_info_header.test.js.snap
@@ -117,118 +117,17 @@ exports[`channel_info_header should match snapshot 1`] = `
             }
           }
         />
-        <Connect(Markdown)
-          baseTextStyle={
+        <Text
+          style={
             Object {
               "color": "#3d3c40",
               "fontSize": 13,
               "lineHeight": 20,
             }
           }
-          blockStyles={
-            Object {
-              "adjacentParagraph": Object {
-                "marginTop": 6,
-              },
-              "horizontalRule": Object {
-                "backgroundColor": "#3d3c40",
-                "height": 0.5,
-                "marginVertical": 10,
-              },
-              "quoteBlockIcon": Object {
-                "color": undefined,
-                "padding": 5,
-              },
-            }
-          }
-          onPermalinkPress={[MockFunction]}
-          textStyles={
-            Object {
-              "code": Object {
-                "alignSelf": "center",
-                "backgroundColor": undefined,
-                "fontFamily": "Menlo",
-              },
-              "codeBlock": Object {
-                "fontFamily": "Menlo",
-              },
-              "del": Object {
-                "textDecorationLine": "line-through",
-              },
-              "emph": Object {
-                "fontStyle": "italic",
-              },
-              "error": Object {
-                "color": "#fd5960",
-              },
-              "heading1": Object {
-                "fontSize": 17,
-                "fontWeight": "700",
-                "lineHeight": 25,
-              },
-              "heading1Text": Object {
-                "paddingBottom": 8,
-              },
-              "heading2": Object {
-                "fontSize": 17,
-                "fontWeight": "700",
-                "lineHeight": 25,
-              },
-              "heading2Text": Object {
-                "paddingBottom": 8,
-              },
-              "heading3": Object {
-                "fontSize": 17,
-                "fontWeight": "700",
-                "lineHeight": 25,
-              },
-              "heading3Text": Object {
-                "paddingBottom": 8,
-              },
-              "heading4": Object {
-                "fontSize": 17,
-                "fontWeight": "700",
-                "lineHeight": 25,
-              },
-              "heading4Text": Object {
-                "paddingBottom": 8,
-              },
-              "heading5": Object {
-                "fontSize": 17,
-                "fontWeight": "700",
-                "lineHeight": 25,
-              },
-              "heading5Text": Object {
-                "paddingBottom": 8,
-              },
-              "heading6": Object {
-                "fontSize": 17,
-                "fontWeight": "700",
-                "lineHeight": 25,
-              },
-              "heading6Text": Object {
-                "paddingBottom": 8,
-              },
-              "link": Object {
-                "color": "#2389d7",
-              },
-              "mention": Object {
-                "color": "#2389d7",
-              },
-              "mention_highlight": Object {
-                "backgroundColor": "#ffe577",
-                "color": "#166de0",
-              },
-              "strong": Object {
-                "fontWeight": "bold",
-              },
-              "table_header_row": Object {
-                "fontWeight": "700",
-              },
-            }
-          }
-          value="Purpose string"
-        />
+        >
+          Purpose string
+        </Text>
       </View>
     </TouchableHighlight>
   </View>
@@ -562,118 +461,17 @@ exports[`channel_info_header should match snapshot when DM and hasGuests and is
             }
           }
         />
-        <Connect(Markdown)
-          baseTextStyle={
+        <Text
+          style={
             Object {
               "color": "#3d3c40",
               "fontSize": 13,
               "lineHeight": 20,
             }
           }
-          blockStyles={
-            Object {
-              "adjacentParagraph": Object {
-                "marginTop": 6,
-              },
-              "horizontalRule": Object {
-                "backgroundColor": "#3d3c40",
-                "height": 0.5,
-                "marginVertical": 10,
-              },
-              "quoteBlockIcon": Object {
-                "color": undefined,
-                "padding": 5,
-              },
-            }
-          }
-          onPermalinkPress={[MockFunction]}
-          textStyles={
-            Object {
-              "code": Object {
-                "alignSelf": "center",
-                "backgroundColor": undefined,
-                "fontFamily": "Menlo",
-              },
-              "codeBlock": Object {
-                "fontFamily": "Menlo",
-              },
-              "del": Object {
-                "textDecorationLine": "line-through",
-              },
-              "emph": Object {
-                "fontStyle": "italic",
-              },
-              "error": Object {
-                "color": "#fd5960",
-              },
-              "heading1": Object {
-                "fontSize": 17,
-                "fontWeight": "700",
-                "lineHeight": 25,
-              },
-              "heading1Text": Object {
-                "paddingBottom": 8,
-              },
-              "heading2": Object {
-                "fontSize": 17,
-                "fontWeight": "700",
-                "lineHeight": 25,
-              },
-              "heading2Text": Object {
-                "paddingBottom": 8,
-              },
-              "heading3": Object {
-                "fontSize": 17,
-                "fontWeight": "700",
-                "lineHeight": 25,
-              },
-              "heading3Text": Object {
-                "paddingBottom": 8,
-              },
-              "heading4": Object {
-                "fontSize": 17,
-                "fontWeight": "700",
-                "lineHeight": 25,
-              },
-              "heading4Text": Object {
-                "paddingBottom": 8,
-              },
-              "heading5": Object {
-                "fontSize": 17,
-                "fontWeight": "700",
-                "lineHeight": 25,
-              },
-              "heading5Text": Object {
-                "paddingBottom": 8,
-              },
-              "heading6": Object {
-                "fontSize": 17,
-                "fontWeight": "700",
-                "lineHeight": 25,
-              },
-              "heading6Text": Object {
-                "paddingBottom": 8,
-              },
-              "link": Object {
-                "color": "#2389d7",
-              },
-              "mention": Object {
-                "color": "#2389d7",
-              },
-              "mention_highlight": Object {
-                "backgroundColor": "#ffe577",
-                "color": "#166de0",
-              },
-              "strong": Object {
-                "fontWeight": "bold",
-              },
-              "table_header_row": Object {
-                "fontWeight": "700",
-              },
-            }
-          }
-          value="Purpose string"
-        />
+        >
+          Purpose string
+        </Text>
       </View>
     </TouchableHighlight>
   </View>
@@ -979,118 +777,17 @@ exports[`channel_info_header should match snapshot when DM and hasGuests but its
             }
           }
         />
-        <Connect(Markdown)
-          baseTextStyle={
+        <Text
+          style={
             Object {
               "color": "#3d3c40",
               "fontSize": 13,
               "lineHeight": 20,
             }
           }
-          blockStyles={
-            Object {
-              "adjacentParagraph": Object {
-                "marginTop": 6,
-              },
-              "horizontalRule": Object {
-                "backgroundColor": "#3d3c40",
-                "height": 0.5,
-                "marginVertical": 10,
-              },
-              "quoteBlockIcon": Object {
-                "color": undefined,
-                "padding": 5,
-              },
-            }
-          }
-          onPermalinkPress={[MockFunction]}
-          textStyles={
-            Object {
-              "code": Object {
-                "alignSelf": "center",
-                "backgroundColor": undefined,
-                "fontFamily": "Menlo",
-              },
-              "codeBlock": Object {
-                "fontFamily": "Menlo",
-              },
-              "del": Object {
-                "textDecorationLine": "line-through",
-              },
-              "emph": Object {
-                "fontStyle": "italic",
-              },
-              "error": Object {
-                "color": "#fd5960",
-              },
-              "heading1": Object {
-                "fontSize": 17,
-                "fontWeight": "700",
-                "lineHeight": 25,
-              },
-              "heading1Text": Object {
-                "paddingBottom": 8,
-              },
-              "heading2": Object {
-                "fontSize": 17,
-                "fontWeight": "700",
-                "lineHeight": 25,
-              },
-              "heading2Text": Object {
-                "paddingBottom": 8,
-              },
-              "heading3": Object {
-                "fontSize": 17,
-                "fontWeight": "700",
-                "lineHeight": 25,
-              },
-              "heading3Text": Object {
-                "paddingBottom": 8,
-              },
-              "heading4": Object {
-                "fontSize": 17,
-                "fontWeight": "700",
-                "lineHeight": 25,
-              },
-              "heading4Text": Object {
-                "paddingBottom": 8,
-              },
-              "heading5": Object {
-                "fontSize": 17,
-                "fontWeight": "700",
-                "lineHeight": 25,
-              },
-              "heading5Text": Object {
-                "paddingBottom": 8,
-              },
-              "heading6": Object {
-                "fontSize": 17,
-                "fontWeight": "700",
-                "lineHeight": 25,
-              },
-              "heading6Text": Object {
-                "paddingBottom": 8,
-              },
-              "link": Object {
-                "color": "#2389d7",
-              },
-              "mention": Object {
-                "color": "#2389d7",
-              },
-              "mention_highlight": Object {
-                "backgroundColor": "#ffe577",
-                "color": "#166de0",
-              },
-              "strong": Object {
-                "fontWeight": "bold",
-              },
-              "table_header_row": Object {
-                "fontWeight": "700",
-              },
-            }
-          }
-          value="Purpose string"
-        />
+        >
+          Purpose string
+        </Text>
       </View>
     </TouchableHighlight>
   </View>
@@ -1424,118 +1121,17 @@ exports[`channel_info_header should match snapshot when GM and hasGuests 1`] = `
             }
           }
         />
-        <Connect(Markdown)
-          baseTextStyle={
+        <Text
+          style={
             Object {
               "color": "#3d3c40",
               "fontSize": 13,
               "lineHeight": 20,
             }
           }
-          blockStyles={
-            Object {
-              "adjacentParagraph": Object {
-                "marginTop": 6,
-              },
-              "horizontalRule": Object {
-                "backgroundColor": "#3d3c40",
-                "height": 0.5,
-                "marginVertical": 10,
-              },
-              "quoteBlockIcon": Object {
-                "color": undefined,
-                "padding": 5,
-              },
-            }
-          }
-          onPermalinkPress={[MockFunction]}
-          textStyles={
-            Object {
-              "code": Object {
-                "alignSelf": "center",
-                "backgroundColor": undefined,
-                "fontFamily": "Menlo",
-              },
-              "codeBlock": Object {
-                "fontFamily": "Menlo",
-              },
-              "del": Object {
-                "textDecorationLine": "line-through",
-              },
-              "emph": Object {
-                "fontStyle": "italic",
-              },
-              "error": Object {
-                "color": "#fd5960",
-              },
-              "heading1": Object {
-                "fontSize": 17,
-                "fontWeight": "700",
-                "lineHeight": 25,
-              },
-              "heading1Text": Object {
-                "paddingBottom": 8,
-              },
-              "heading2": Object {
-                "fontSize": 17,
-                "fontWeight": "700",
-                "lineHeight": 25,
-              },
-              "heading2Text": Object {
-                "paddingBottom": 8,
-              },
-              "heading3": Object {
-                "fontSize": 17,
-                "fontWeight": "700",
-                "lineHeight": 25,
-              },
-              "heading3Text": Object {
-                "paddingBottom": 8,
-              },
-              "heading4": Object {
-                "fontSize": 17,
-                "fontWeight": "700",
-                "lineHeight": 25,
-              },
-              "heading4Text": Object {
-                "paddingBottom": 8,
-              },
-              "heading5": Object {
-                "fontSize": 17,
-                "fontWeight": "700",
-                "lineHeight": 25,
-              },
-              "heading5Text": Object {
-                "paddingBottom": 8,
-              },
-              "heading6": Object {
-                "fontSize": 17,
-                "fontWeight": "700",
-                "lineHeight": 25,
-              },
-              "heading6Text": Object {
-                "paddingBottom": 8,
-              },
-              "link": Object {
-                "color": "#2389d7",
-              },
-              "mention": Object {
-                "color": "#2389d7",
-              },
-              "mention_highlight": Object {
-                "backgroundColor": "#ffe577",
-                "color": "#166de0",
-              },
-              "strong": Object {
-                "fontWeight": "bold",
-              },
-              "table_header_row": Object {
-                "fontWeight": "700",
-              },
-            }
-          }
-          value="Purpose string"
-        />
+        >
+          Purpose string
+        </Text>
       </View>
     </TouchableHighlight>
   </View>
@@ -1841,118 +1437,17 @@ exports[`channel_info_header should match snapshot when is group constrained 1`]
             }
           }
         />
-        <Connect(Markdown)
-          baseTextStyle={
+        <Text
+          style={
             Object {
               "color": "#3d3c40",
               "fontSize": 13,
               "lineHeight": 20,
             }
           }
-          blockStyles={
-            Object {
-              "adjacentParagraph": Object {
-                "marginTop": 6,
-              },
-              "horizontalRule": Object {
-                "backgroundColor": "#3d3c40",
-                "height": 0.5,
-                "marginVertical": 10,
-              },
-              "quoteBlockIcon": Object {
-                "color": undefined,
-                "padding": 5,
-              },
-            }
-          }
-          onPermalinkPress={[MockFunction]}
-          textStyles={
-            Object {
-              "code": Object {
-                "alignSelf": "center",
-                "backgroundColor": undefined,
-                "fontFamily": "Menlo",
-              },
-              "codeBlock": Object {
-                "fontFamily": "Menlo",
-              },
-              "del": Object {
-                "textDecorationLine": "line-through",
-              },
-              "emph": Object {
-                "fontStyle": "italic",
-              },
-              "error": Object {
-                "color": "#fd5960",
-              },
-              "heading1": Object {
-                "fontSize": 17,
-                "fontWeight": "700",
-                "lineHeight": 25,
-              },
-              "heading1Text": Object {
-                "paddingBottom": 8,
-              },
-              "heading2": Object {
-                "fontSize": 17,
-                "fontWeight": "700",
-                "lineHeight": 25,
-              },
-              "heading2Text": Object {
-                "paddingBottom": 8,
-              },
-              "heading3": Object {
-                "fontSize": 17,
-                "fontWeight": "700",
-                "lineHeight": 25,
-              },
-              "heading3Text": Object {
-                "paddingBottom": 8,
-              },
-              "heading4": Object {
-                "fontSize": 17,
-                "fontWeight": "700",
-                "lineHeight": 25,
-              },
-              "heading4Text": Object {
-                "paddingBottom": 8,
-              },
-              "heading5": Object {
-                "fontSize": 17,
-                "fontWeight": "700",
-                "lineHeight": 25,
-              },
-              "heading5Text": Object {
-                "paddingBottom": 8,
-              },
-              "heading6": Object {
-                "fontSize": 17,
-                "fontWeight": "700",
-                "lineHeight": 25,
-              },
-              "heading6Text": Object {
-                "paddingBottom": 8,
-              },
-              "link": Object {
-                "color": "#2389d7",
-              },
-              "mention": Object {
-                "color": "#2389d7",
-              },
-              "mention_highlight": Object {
-                "backgroundColor": "#ffe577",
-                "color": "#166de0",
-              },
-              "strong": Object {
-                "fontWeight": "bold",
-              },
-              "table_header_row": Object {
-                "fontWeight": "700",
-              },
-            }
-          }
-          value="Purpose string"
-        />
+        >
+          Purpose string
+        </Text>
       </View>
     </TouchableHighlight>
   </View>
@@ -2308,118 +1803,17 @@ exports[`channel_info_header should match snapshot when public channel and hasGu
             }
           }
         />
-        <Connect(Markdown)
-          baseTextStyle={
+        <Text
+          style={
             Object {
               "color": "#3d3c40",
               "fontSize": 13,
               "lineHeight": 20,
             }
           }
-          blockStyles={
-            Object {
-              "adjacentParagraph": Object {
-                "marginTop": 6,
-              },
-              "horizontalRule": Object {
-                "backgroundColor": "#3d3c40",
-                "height": 0.5,
-                "marginVertical": 10,
-              },
-              "quoteBlockIcon": Object {
-                "color": undefined,
-                "padding": 5,
-              },
-            }
-          }
-          onPermalinkPress={[MockFunction]}
-          textStyles={
-            Object {
-              "code": Object {
-                "alignSelf": "center",
-                "backgroundColor": undefined,
-                "fontFamily": "Menlo",
-              },
-              "codeBlock": Object {
-                "fontFamily": "Menlo",
-              },
-              "del": Object {
-                "textDecorationLine": "line-through",
-              },
-              "emph": Object {
-                "fontStyle": "italic",
-              },
-              "error": Object {
-                "color": "#fd5960",
-              },
-              "heading1": Object {
-                "fontSize": 17,
-                "fontWeight": "700",
-                "lineHeight": 25,
-              },
-              "heading1Text": Object {
-                "paddingBottom": 8,
-              },
-              "heading2": Object {
-                "fontSize": 17,
-                "fontWeight": "700",
-                "lineHeight": 25,
-              },
-              "heading2Text": Object {
-                "paddingBottom": 8,
-              },
-              "heading3": Object {
-                "fontSize": 17,
-                "fontWeight": "700",
-                "lineHeight": 25,
-              },
-              "heading3Text": Object {
-                "paddingBottom": 8,
-              },
-              "heading4": Object {
-                "fontSize": 17,
-                "fontWeight": "700",
-                "lineHeight": 25,
-              },
-              "heading4Text": Object {
-                "paddingBottom": 8,
-              },
-              "heading5": Object {
-                "fontSize": 17,
-                "fontWeight": "700",
-                "lineHeight": 25,
-              },
-              "heading5Text": Object {
-                "paddingBottom": 8,
-              },
-              "heading6": Object {
-                "fontSize": 17,
-                "fontWeight": "700",
-                "lineHeight": 25,
-              },
-              "heading6Text": Object {
-                "paddingBottom": 8,
-              },
-              "link": Object {
-                "color": "#2389d7",
-              },
-              "mention": Object {
-                "color": "#2389d7",
-              },
-              "mention_highlight": Object {
-                "backgroundColor": "#ffe577",
-                "color": "#166de0",
-              },
-              "strong": Object {
-                "fontWeight": "bold",
-              },
-              "table_header_row": Object {
-                "fontWeight": "700",
-              },
-            }
-          }
-          value="Purpose string"
-        />
+        >
+          Purpose string
+        </Text>
       </View>
     </TouchableHighlight>
   </View>
diff --git a/app/screens/channel_info/channel_info_header.js b/app/screens/channel_info/channel_info_header.js
index 4e2fc2fab..88175e467 100644
--- a/app/screens/channel_info/channel_info_header.js
+++ b/app/screens/channel_info/channel_info_header.js
@@ -187,13 +187,9 @@ export default class ChannelInfoHeader extends React.PureComponent {
                                     id='channel_info.purpose'
                                     defaultMessage='Purpose'
                                 />
-                                <Markdown
-                                    onPermalinkPress={onPermalinkPress}
-                                    baseTextStyle={baseTextStyle}
-                                    textStyles={textStyles}
-                                    blockStyles={blockStyles}
-                                    value={purpose}
-                                />
+                                <Text style={baseTextStyle}>
+                                    {purpose}
+                                </Text>
                             </View>
                         </TouchableHighlight>
                     </View>