From 678c2260e279ff91ec49bbc44ff254dc8e2bd20e Mon Sep 17 00:00:00 2001
From: Nicholas Murray <nmurray@expensify.com>
Date: Tue, 15 Mar 2022 11:24:35 -0700
Subject: [PATCH 01/10] Add working button conditional

---
 src/pages/ReportSettingsPage.js | 25 ++++++++++++++-----------
 1 file changed, 14 insertions(+), 11 deletions(-)

diff --git a/src/pages/ReportSettingsPage.js b/src/pages/ReportSettingsPage.js
index 27e411d27ea5..9572953c732b 100644
--- a/src/pages/ReportSettingsPage.js
+++ b/src/pages/ReportSettingsPage.js
@@ -153,6 +153,7 @@ class ReportSettingsPage extends Component {
         const shouldShowRename = !ReportUtils.isPolicyExpenseChat(this.props.report);
         const shouldDisableRename = ReportUtils.isDefaultRoom(this.props.report)
             || ReportUtils.isArchivedRoom(this.props.report);
+        console.log(shouldDisableRename);
         const linkedWorkspace = _.find(this.props.policies, policy => policy.id === this.props.report.policyID);
 
         return (
@@ -199,17 +200,19 @@ class ReportSettingsPage extends Component {
                                         disabled={shouldDisableRename}
                                     />
                                 </View>
-                                <Button
-                                    large
-                                    success={!shouldDisableRename}
-                                    text={this.props.translate('common.save')}
-                                    onPress={this.validateAndRenameReport}
-                                    style={[styles.ml2, styles.flex1]}
-                                    textStyles={[styles.label]}
-                                    innerStyles={[styles.ph5]}
-                                    isLoading={this.props.isLoadingRenamePolicyRoom}
-                                    isDisabled={shouldDisableRename}
-                                />
+                                {!shouldDisableRename && (
+                                    <Button
+                                        large
+                                        success={!shouldDisableRename}
+                                        text={this.props.translate('common.save')}
+                                        onPress={this.validateAndRenameReport}
+                                        style={[styles.ml2, styles.flex1]}
+                                        textStyles={[styles.label]}
+                                        innerStyles={[styles.ph5]}
+                                        isLoading={this.props.isLoadingRenamePolicyRoom}
+                                        isDisabled={shouldDisableRename}
+                                    />
+                                )}
                             </View>
                         </View>
                     )}

From 4be8e2b260af2e511fda5c489cc83532e566e405 Mon Sep 17 00:00:00 2001
From: Nicholas Murray <nmurray@expensify.com>
Date: Tue, 15 Mar 2022 11:26:48 -0700
Subject: [PATCH 02/10] Get rid of formLabel

---
 src/pages/ReportSettingsPage.js | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/src/pages/ReportSettingsPage.js b/src/pages/ReportSettingsPage.js
index 9572953c732b..db15cbbbd614 100644
--- a/src/pages/ReportSettingsPage.js
+++ b/src/pages/ReportSettingsPage.js
@@ -167,9 +167,6 @@ class ReportSettingsPage extends Component {
                 <ScrollView style={styles.flex1} contentContainerStyle={styles.p5}>
                     <View>
                         <View>
-                            <Text style={[styles.formLabel]} numberOfLines={1}>
-                                {this.props.translate('common.notifications')}
-                            </Text>
                         </View>
                         <View style={[styles.mb5, styles.mt2]}>
                             <Picker
@@ -187,9 +184,6 @@ class ReportSettingsPage extends Component {
                     </View>
                     {shouldShowRename && (
                         <View style={styles.mt4}>
-                            <Text style={[styles.formLabel]} numberOfLines={1}>
-                                {this.props.translate('newRoomPage.roomName')}
-                            </Text>
                             <View style={[styles.flexRow, styles.mb1]}>
                                 <View style={[styles.flex3]}>
                                     <RoomNameInput
@@ -218,7 +212,7 @@ class ReportSettingsPage extends Component {
                     )}
                     {linkedWorkspace && (
                         <View style={[styles.mt4]}>
-                            <Text style={[styles.formLabel]} numberOfLines={1}>
+                            <Text style={[styles.label]} numberOfLines={1}>
                                 {this.props.translate('workspace.common.workspace')}
                             </Text>
                             <Text numberOfLines={1}>

From 5ca609efb493a3265a7dafd7256b3c16b255b21e Mon Sep 17 00:00:00 2001
From: Nicholas Murray <nmurray@expensify.com>
Date: Tue, 15 Mar 2022 11:42:58 -0700
Subject: [PATCH 03/10] Swap out with TextInput

---
 src/pages/ReportSettingsPage.js | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/pages/ReportSettingsPage.js b/src/pages/ReportSettingsPage.js
index db15cbbbd614..b43357ce1022 100644
--- a/src/pages/ReportSettingsPage.js
+++ b/src/pages/ReportSettingsPage.js
@@ -20,6 +20,7 @@ import Picker from '../components/Picker';
 import withFullPolicy, {fullPolicyDefaultProps, fullPolicyPropTypes} from './workspace/withFullPolicy';
 import * as ValidationUtils from '../libs/ValidationUtils';
 import Growl from '../libs/Growl';
+import TextInput from '../components/TextInput';
 
 const propTypes = {
     /** Route params */
@@ -212,12 +213,15 @@ class ReportSettingsPage extends Component {
                     )}
                     {linkedWorkspace && (
                         <View style={[styles.mt4]}>
-                            <Text style={[styles.label]} numberOfLines={1}>
-                                {this.props.translate('workspace.common.workspace')}
-                            </Text>
-                            <Text numberOfLines={1}>
-                                {linkedWorkspace.name}
-                            </Text>
+                            <View style={[styles.flex3]}>
+                                <TextInput
+                                    disabled
+                                    label={this.props.translate('workspace.common.workspace')}
+                                    placeholder={this.props.translate('newRoomPage.social')}
+                                    value={linkedWorkspace.name}
+                                    autoCapitalize="none"
+                                />
+                            </View>
                         </View>
                     )}
                     {this.props.report.visibility && (

From 4e9d14889c656f0f591964479516849948220b33 Mon Sep 17 00:00:00 2001
From: Nicholas Murray <nmurray@expensify.com>
Date: Tue, 15 Mar 2022 11:47:49 -0700
Subject: [PATCH 04/10] Fix spacing + style

---
 src/pages/ReportSettingsPage.js | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/pages/ReportSettingsPage.js b/src/pages/ReportSettingsPage.js
index b43357ce1022..0afe6a09b411 100644
--- a/src/pages/ReportSettingsPage.js
+++ b/src/pages/ReportSettingsPage.js
@@ -154,7 +154,6 @@ class ReportSettingsPage extends Component {
         const shouldShowRename = !ReportUtils.isPolicyExpenseChat(this.props.report);
         const shouldDisableRename = ReportUtils.isDefaultRoom(this.props.report)
             || ReportUtils.isArchivedRoom(this.props.report);
-        console.log(shouldDisableRename);
         const linkedWorkspace = _.find(this.props.policies, policy => policy.id === this.props.report.policyID);
 
         return (
@@ -167,9 +166,7 @@ class ReportSettingsPage extends Component {
                 />
                 <ScrollView style={styles.flex1} contentContainerStyle={styles.p5}>
                     <View>
-                        <View>
-                        </View>
-                        <View style={[styles.mb5, styles.mt2]}>
+                        <View style={[styles.mb1, styles.mt2]}>
                             <Picker
                                 label={this.props.translate('notificationPreferences.label')}
                                 onChange={(notificationPreference) => {
@@ -184,7 +181,7 @@ class ReportSettingsPage extends Component {
                         </View>
                     </View>
                     {shouldShowRename && (
-                        <View style={styles.mt4}>
+                        <View style={styles.mt2}>
                             <View style={[styles.flexRow, styles.mb1]}>
                                 <View style={[styles.flex3]}>
                                     <RoomNameInput

From 0e1f2d13d662b77abd7a95ddb65fc99094fa0582 Mon Sep 17 00:00:00 2001
From: Nicholas Murray <nmurray@expensify.com>
Date: Tue, 15 Mar 2022 11:54:52 -0700
Subject: [PATCH 05/10] Adjust input spacing

---
 src/pages/ReportSettingsPage.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/pages/ReportSettingsPage.js b/src/pages/ReportSettingsPage.js
index 0afe6a09b411..f36575fd65da 100644
--- a/src/pages/ReportSettingsPage.js
+++ b/src/pages/ReportSettingsPage.js
@@ -166,7 +166,7 @@ class ReportSettingsPage extends Component {
                 />
                 <ScrollView style={styles.flex1} contentContainerStyle={styles.p5}>
                     <View>
-                        <View style={[styles.mb1, styles.mt2]}>
+                        <View style={[styles.mt2]}>
                             <Picker
                                 label={this.props.translate('notificationPreferences.label')}
                                 onChange={(notificationPreference) => {
@@ -181,8 +181,8 @@ class ReportSettingsPage extends Component {
                         </View>
                     </View>
                     {shouldShowRename && (
-                        <View style={styles.mt2}>
-                            <View style={[styles.flexRow, styles.mb1]}>
+                        <View style={styles.mt4}>
+                            <View style={[styles.flexRow]}>
                                 <View style={[styles.flex3]}>
                                     <RoomNameInput
                                         initialValue={this.state.newRoomName}

From 6df88395f9c482632118a3286c434df494b5e281 Mon Sep 17 00:00:00 2001
From: Nicholas Murray <nmurray@expensify.com>
Date: Tue, 15 Mar 2022 13:21:50 -0700
Subject: [PATCH 06/10] Add lowercase styel and use plain Text component

---
 src/pages/ReportSettingsPage.js | 54 ++++++++++++++++++++++-----------
 src/styles/styles.js            |  4 +++
 2 files changed, 40 insertions(+), 18 deletions(-)

diff --git a/src/pages/ReportSettingsPage.js b/src/pages/ReportSettingsPage.js
index f36575fd65da..bd8e31c63037 100644
--- a/src/pages/ReportSettingsPage.js
+++ b/src/pages/ReportSettingsPage.js
@@ -152,7 +152,7 @@ class ReportSettingsPage extends Component {
 
     render() {
         const shouldShowRename = !ReportUtils.isPolicyExpenseChat(this.props.report);
-        const shouldDisableRename = ReportUtils.isDefaultRoom(this.props.report)
+        const isDefaultOrArchivedRoom = ReportUtils.isDefaultRoom(this.props.report)
             || ReportUtils.isArchivedRoom(this.props.report);
         const linkedWorkspace = _.find(this.props.policies, policy => policy.id === this.props.report.policyID);
 
@@ -184,25 +184,37 @@ class ReportSettingsPage extends Component {
                         <View style={styles.mt4}>
                             <View style={[styles.flexRow]}>
                                 <View style={[styles.flex3]}>
-                                    <RoomNameInput
-                                        initialValue={this.state.newRoomName}
-                                        policyID={linkedWorkspace && linkedWorkspace.id}
-                                        errorText={this.state.errors.newRoomName}
-                                        onChangeText={newRoomName => this.clearErrorAndSetValue('newRoomName', newRoomName)}
-                                        disabled={shouldDisableRename}
-                                    />
+                                    {!isDefaultOrArchivedRoom ? (
+                                        <RoomNameInput
+                                            initialValue={this.state.newRoomName}
+                                            policyID={linkedWorkspace && linkedWorkspace.id}
+                                            errorText={this.state.errors.newRoomName}
+                                            onChangeText={newRoomName => this.clearErrorAndSetValue('newRoomName', newRoomName)}
+                                            disabled={isDefaultOrArchivedRoom}
+                                        />
+                                        )
+                                        : (
+                                            <View>
+                                                <Text style={[styles.textLabelSupporting]} numberOfLines={1}>
+                                                    {this.props.translate('newRoomPage.roomName')}
+                                                </Text>
+                                                <Text numberOfLines={1} style={[styles.reportSettingsVisibilityText]}>
+                                                    {this.state.newRoomName}
+                                                </Text>
+                                            </View>
+                                        )}
                                 </View>
-                                {!shouldDisableRename && (
+                                {!isDefaultOrArchivedRoom && (
                                     <Button
                                         large
-                                        success={!shouldDisableRename}
+                                        success={!isDefaultOrArchivedRoom}
                                         text={this.props.translate('common.save')}
                                         onPress={this.validateAndRenameReport}
                                         style={[styles.ml2, styles.flex1]}
                                         textStyles={[styles.label]}
                                         innerStyles={[styles.ph5]}
                                         isLoading={this.props.isLoadingRenamePolicyRoom}
-                                        isDisabled={shouldDisableRename}
+                                        isDisabled={isDefaultOrArchivedRoom}
                                     />
                                 )}
                             </View>
@@ -211,13 +223,19 @@ class ReportSettingsPage extends Component {
                     {linkedWorkspace && (
                         <View style={[styles.mt4]}>
                             <View style={[styles.flex3]}>
-                                <TextInput
-                                    disabled
-                                    label={this.props.translate('workspace.common.workspace')}
-                                    placeholder={this.props.translate('newRoomPage.social')}
-                                    value={linkedWorkspace.name}
-                                    autoCapitalize="none"
-                                />
+                                {/*<TextInput*/}
+                                {/*    disabled*/}
+                                {/*    label={this.props.translate('workspace.common.workspace')}*/}
+                                {/*    placeholder={this.props.translate('newRoomPage.social')}*/}
+                                {/*    value={linkedWorkspace.name}*/}
+                                {/*    autoCapitalize="none"*/}
+                                {/*/>*/}
+                                <Text style={[styles.textLabelSupporting]} numberOfLines={1}>
+                                    {this.props.translate('workspace.common.workspace')}
+                                </Text>
+                                <Text numberOfLines={1} style={[styles.reportSettingsVisibilityText]} autoCapitalize="none">
+                                    {linkedWorkspace.name}
+                                </Text>
                             </View>
                         </View>
                     )}
diff --git a/src/styles/styles.js b/src/styles/styles.js
index f78e815d0f2a..ec03eef8226d 100644
--- a/src/styles/styles.js
+++ b/src/styles/styles.js
@@ -293,6 +293,10 @@ const styles = {
         textTransform: 'uppercase',
     },
 
+    textLowercase: {
+        textTransform: 'lowercase',
+    },
+
     textNoWrap: {
         ...whiteSpace.noWrap,
     },

From ddd99800e5d3d0cdfaeeeba148da268f3fd30ad7 Mon Sep 17 00:00:00 2001
From: Nicholas Murray <nmurray@expensify.com>
Date: Tue, 15 Mar 2022 13:39:29 -0700
Subject: [PATCH 07/10] Line height spacing

---
 src/pages/ReportSettingsPage.js | 18 +++++-------------
 src/styles/styles.js            |  8 ++++----
 2 files changed, 9 insertions(+), 17 deletions(-)

diff --git a/src/pages/ReportSettingsPage.js b/src/pages/ReportSettingsPage.js
index bd8e31c63037..e2369e952a03 100644
--- a/src/pages/ReportSettingsPage.js
+++ b/src/pages/ReportSettingsPage.js
@@ -20,7 +20,6 @@ import Picker from '../components/Picker';
 import withFullPolicy, {fullPolicyDefaultProps, fullPolicyPropTypes} from './workspace/withFullPolicy';
 import * as ValidationUtils from '../libs/ValidationUtils';
 import Growl from '../libs/Growl';
-import TextInput from '../components/TextInput';
 
 const propTypes = {
     /** Route params */
@@ -192,13 +191,13 @@ class ReportSettingsPage extends Component {
                                             onChangeText={newRoomName => this.clearErrorAndSetValue('newRoomName', newRoomName)}
                                             disabled={isDefaultOrArchivedRoom}
                                         />
-                                        )
+                                    )
                                         : (
                                             <View>
-                                                <Text style={[styles.textLabelSupporting]} numberOfLines={1}>
+                                                <Text style={[styles.textLabelSupporting, styles.lh16, styles.mb1]} numberOfLines={1}>
                                                     {this.props.translate('newRoomPage.roomName')}
                                                 </Text>
-                                                <Text numberOfLines={1} style={[styles.reportSettingsVisibilityText]}>
+                                                <Text numberOfLines={1} style={[styles.reportSettingsVisibilityText, styles.optionAlternateText]}>
                                                     {this.state.newRoomName}
                                                 </Text>
                                             </View>
@@ -223,17 +222,10 @@ class ReportSettingsPage extends Component {
                     {linkedWorkspace && (
                         <View style={[styles.mt4]}>
                             <View style={[styles.flex3]}>
-                                {/*<TextInput*/}
-                                {/*    disabled*/}
-                                {/*    label={this.props.translate('workspace.common.workspace')}*/}
-                                {/*    placeholder={this.props.translate('newRoomPage.social')}*/}
-                                {/*    value={linkedWorkspace.name}*/}
-                                {/*    autoCapitalize="none"*/}
-                                {/*/>*/}
-                                <Text style={[styles.textLabelSupporting]} numberOfLines={1}>
+                                <Text style={[styles.textLabelSupporting, styles.lh16, styles.mb1]} numberOfLines={1}>
                                     {this.props.translate('workspace.common.workspace')}
                                 </Text>
-                                <Text numberOfLines={1} style={[styles.reportSettingsVisibilityText]} autoCapitalize="none">
+                                <Text numberOfLines={1} style={[styles.reportSettingsVisibilityText, styles.optionAlternateText]}>
                                     {linkedWorkspace.name}
                                 </Text>
                             </View>
diff --git a/src/styles/styles.js b/src/styles/styles.js
index ec03eef8226d..9eab8076ae71 100644
--- a/src/styles/styles.js
+++ b/src/styles/styles.js
@@ -293,10 +293,6 @@ const styles = {
         textTransform: 'uppercase',
     },
 
-    textLowercase: {
-        textTransform: 'lowercase',
-    },
-
     textNoWrap: {
         ...whiteSpace.noWrap,
     },
@@ -813,6 +809,10 @@ const styles = {
         color: themeColors.textSupporting,
     },
 
+    lh16: {
+        lineHeight: 16,
+    },
+
     formLabel: {
         fontFamily: fontFamily.GTA_BOLD,
         fontWeight: fontWeightBold,

From 66fe8aef5a7c787f1055cd66c0b9aa74a80f537f Mon Sep 17 00:00:00 2001
From: Nicholas Murray <nmurray@expensify.com>
Date: Tue, 15 Mar 2022 13:53:43 -0700
Subject: [PATCH 08/10] Get rid of unnecessary views

---
 src/pages/ReportSettingsPage.js | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/pages/ReportSettingsPage.js b/src/pages/ReportSettingsPage.js
index e2369e952a03..4f2b9db34cf8 100644
--- a/src/pages/ReportSettingsPage.js
+++ b/src/pages/ReportSettingsPage.js
@@ -197,7 +197,7 @@ class ReportSettingsPage extends Component {
                                                 <Text style={[styles.textLabelSupporting, styles.lh16, styles.mb1]} numberOfLines={1}>
                                                     {this.props.translate('newRoomPage.roomName')}
                                                 </Text>
-                                                <Text numberOfLines={1} style={[styles.reportSettingsVisibilityText, styles.optionAlternateText]}>
+                                                <Text numberOfLines={1} style={[styles.optionAlternateText]}>
                                                     {this.state.newRoomName}
                                                 </Text>
                                             </View>
@@ -221,14 +221,12 @@ class ReportSettingsPage extends Component {
                     )}
                     {linkedWorkspace && (
                         <View style={[styles.mt4]}>
-                            <View style={[styles.flex3]}>
-                                <Text style={[styles.textLabelSupporting, styles.lh16, styles.mb1]} numberOfLines={1}>
-                                    {this.props.translate('workspace.common.workspace')}
-                                </Text>
-                                <Text numberOfLines={1} style={[styles.reportSettingsVisibilityText, styles.optionAlternateText]}>
-                                    {linkedWorkspace.name}
-                                </Text>
-                            </View>
+                            <Text style={[styles.textLabelSupporting, styles.lh16, styles.mb1]} numberOfLines={1}>
+                                {this.props.translate('workspace.common.workspace')}
+                            </Text>
+                            <Text numberOfLines={1} style={[styles.optionAlternateText]}>
+                                {linkedWorkspace.name}
+                            </Text>
                         </View>
                     )}
                     {this.props.report.visibility && (

From 0852a2dd0d11e76154b4593398913c9acb7bfa45 Mon Sep 17 00:00:00 2001
From: Nicholas Murray <nmurray@expensify.com>
Date: Wed, 16 Mar 2022 11:16:22 -0700
Subject: [PATCH 09/10] Review comments, rname variables

---
 src/pages/ReportSettingsPage.js | 44 ++++++++++++++++-----------------
 1 file changed, 22 insertions(+), 22 deletions(-)

diff --git a/src/pages/ReportSettingsPage.js b/src/pages/ReportSettingsPage.js
index 4f2b9db34cf8..98e51742c0db 100644
--- a/src/pages/ReportSettingsPage.js
+++ b/src/pages/ReportSettingsPage.js
@@ -150,8 +150,8 @@ class ReportSettingsPage extends Component {
     }
 
     render() {
-        const shouldShowRename = !ReportUtils.isPolicyExpenseChat(this.props.report);
-        const isDefaultOrArchivedRoom = ReportUtils.isDefaultRoom(this.props.report)
+        const shouldShowRoomName = !ReportUtils.isPolicyExpenseChat(this.props.report);
+        const shouldDisableRename = ReportUtils.isDefaultRoom(this.props.report)
             || ReportUtils.isArchivedRoom(this.props.report);
         const linkedWorkspace = _.find(this.props.policies, policy => policy.id === this.props.report.policyID);
 
@@ -179,41 +179,41 @@ class ReportSettingsPage extends Component {
                             />
                         </View>
                     </View>
-                    {shouldShowRename && (
+                    {shouldShowRoomName && (
                         <View style={styles.mt4}>
                             <View style={[styles.flexRow]}>
                                 <View style={[styles.flex3]}>
-                                    {!isDefaultOrArchivedRoom ? (
-                                        <RoomNameInput
-                                            initialValue={this.state.newRoomName}
-                                            policyID={linkedWorkspace && linkedWorkspace.id}
-                                            errorText={this.state.errors.newRoomName}
-                                            onChangeText={newRoomName => this.clearErrorAndSetValue('newRoomName', newRoomName)}
-                                            disabled={isDefaultOrArchivedRoom}
-                                        />
+                                    {shouldDisableRename ? (
+                                        <View>
+                                            <Text style={[styles.textLabelSupporting, styles.lh16, styles.mb1]} numberOfLines={1}>
+                                                {this.props.translate('newRoomPage.roomName')}
+                                            </Text>
+                                            <Text numberOfLines={1} style={[styles.optionAlternateText]}>
+                                                {this.state.newRoomName}
+                                            </Text>
+                                        </View>
                                     )
                                         : (
-                                            <View>
-                                                <Text style={[styles.textLabelSupporting, styles.lh16, styles.mb1]} numberOfLines={1}>
-                                                    {this.props.translate('newRoomPage.roomName')}
-                                                </Text>
-                                                <Text numberOfLines={1} style={[styles.optionAlternateText]}>
-                                                    {this.state.newRoomName}
-                                                </Text>
-                                            </View>
+                                            <RoomNameInput
+                                                initialValue={this.state.newRoomName}
+                                                policyID={linkedWorkspace && linkedWorkspace.id}
+                                                errorText={this.state.errors.newRoomName}
+                                                onChangeText={newRoomName => this.clearErrorAndSetValue('newRoomName', newRoomName)}
+                                                disabled={shouldDisableRename}
+                                            />
                                         )}
                                 </View>
-                                {!isDefaultOrArchivedRoom && (
+                                {!shouldDisableRename && (
                                     <Button
                                         large
-                                        success={!isDefaultOrArchivedRoom}
+                                        success={!shouldDisableRename}
                                         text={this.props.translate('common.save')}
                                         onPress={this.validateAndRenameReport}
                                         style={[styles.ml2, styles.flex1]}
                                         textStyles={[styles.label]}
                                         innerStyles={[styles.ph5]}
                                         isLoading={this.props.isLoadingRenamePolicyRoom}
-                                        isDisabled={isDefaultOrArchivedRoom}
+                                        isDisabled={shouldDisableRename}
                                     />
                                 )}
                             </View>

From 622aa0f787ce49ad045531844e911cc9a12ef67f Mon Sep 17 00:00:00 2001
From: Nicholas Murray <nmurray@expensify.com>
Date: Wed, 16 Mar 2022 13:08:01 -0700
Subject: [PATCH 10/10] Update visibility label too

---
 src/pages/ReportSettingsPage.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/ReportSettingsPage.js b/src/pages/ReportSettingsPage.js
index 98e51742c0db..a0ddbc6c8e55 100644
--- a/src/pages/ReportSettingsPage.js
+++ b/src/pages/ReportSettingsPage.js
@@ -231,7 +231,7 @@ class ReportSettingsPage extends Component {
                     )}
                     {this.props.report.visibility && (
                         <View style={[styles.mt4]}>
-                            <Text style={[styles.formLabel]} numberOfLines={1}>
+                            <Text style={[styles.textLabelSupporting, styles.lh16, styles.mb1]} numberOfLines={1}>
                                 {this.props.translate('newRoomPage.visibility')}
                             </Text>
                             <Text numberOfLines={1} style={[styles.reportSettingsVisibilityText]}>{this.props.report.visibility}</Text>