From bfc4e8d127179df1622b5461dc991be6f779e995 Mon Sep 17 00:00:00 2001
From: Prateek Jain <prateek93a@gmail.com>
Date: Fri, 21 Feb 2020 01:53:09 +0530
Subject: [PATCH] [IMPROVEMENT] Make links clickable on Room Info (#1730)

Co-authored-by: Diego Mello <diegolmello@gmail.com>
---
 app/views/RoomInfoView/index.js | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/app/views/RoomInfoView/index.js b/app/views/RoomInfoView/index.js
index abe495a5e..94ec8ad9e 100644
--- a/app/views/RoomInfoView/index.js
+++ b/app/views/RoomInfoView/index.js
@@ -21,6 +21,7 @@ import { themes } from '../../constants/colors';
 import { withTheme } from '../../theme';
 import { themedHeader } from '../../utils/navigation';
 import { getUserSelector } from '../../selectors/login';
+import Markdown from '../../containers/markdown';
 
 const PERMISSION_EDIT_ROOM = 'edit-room';
 const camelize = str => str.replace(/^(.)/, (match, chr) => chr.toUpperCase());
@@ -172,12 +173,12 @@ class RoomInfoView extends React.Component {
 		const { theme } = this.props;
 		return (
 			<View style={styles.item}>
-				<Text style={[styles.itemLabel, { color: themes[theme].titleText }]}>{I18n.t(camelize(key))}</Text>
-				<Text
-					style={[styles.itemContent, !room[key] && styles.itemContent__empty, { color: themes[theme].auxiliaryText }]}
-					testID={`room-info-view-${ key }`}
-				>{ room[key] ? room[key] : I18n.t(`No_${ key }_provided`) }
-				</Text>
+				<Text style={[styles.itemLabel, { color: themes[theme].auxiliaryText }]}>{I18n.t(camelize(key))}</Text>
+				<Markdown
+					useMarkdown
+					msg={room[key] ? room[key] : `__${ I18n.t(`No_${ key }_provided`) }__`}
+					theme={theme}
+				/>
 			</View>
 		);
 	}