From fecd138a3cc6fdfe69d55a7e4013140437df057a Mon Sep 17 00:00:00 2001
From: Leonard Kim <leonard.h.kim@gmail.com>
Date: Wed, 13 Jun 2018 08:19:09 -0700
Subject: [PATCH] fix(recording): red error text for google api errors

---
 css/_recording.scss                                    |  4 ++++
 .../components/LiveStream/StartLiveStreamDialog.web.js | 10 ++++++++--
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/css/_recording.scss b/css/_recording.scss
index fbead3f20..dfd578299 100644
--- a/css/_recording.scss
+++ b/css/_recording.scss
@@ -30,6 +30,10 @@
         width: 100%;
     }
 
+    .google-error {
+        color: $errorColor;
+    }
+
     /**
      * The Google sign in button must follow Google's design guidelines.
      * See: https://developers.google.com/identity/branding-guidelines
diff --git a/react/features/recording/components/LiveStream/StartLiveStreamDialog.web.js b/react/features/recording/components/LiveStream/StartLiveStreamDialog.web.js
index bd8471935..a4a0fad49 100644
--- a/react/features/recording/components/LiveStream/StartLiveStreamDialog.web.js
+++ b/react/features/recording/components/LiveStream/StartLiveStreamDialog.web.js
@@ -544,14 +544,20 @@ class StartLiveStreamDialog extends Component<Props, State> {
      * @returns {string} The error message to display.
      */
     _getGoogleErrorMessageToDisplay() {
+        let text;
+
         switch (this.state.errorType) {
         case 'liveStreamingNotEnabled':
-            return this.props.t(
+            text = this.props.t(
                 'liveStreaming.errorLiveStreamNotEnabled',
                 { email: this.state.googleProfileEmail });
+            break;
         default:
-            return this.props.t('liveStreaming.errorAPI');
+            text = this.props.t('liveStreaming.errorAPI');
+            break;
         }
+
+        return <div className = 'google-error'>{ text }</div>;
     }
 
     /**