From 9331b0870b74cc08c4ba21e0689bed62698a8933 Mon Sep 17 00:00:00 2001
From: hristoterezov <hristo@jitsi.org>
Date: Mon, 9 Jul 2018 17:18:09 -0500
Subject: [PATCH] fix(presence-label):styles

---
 css/_videolayout_default.scss                 |  1 -
 modules/UI/videolayout/LargeVideoManager.js   |  5 +---
 modules/UI/videolayout/RemoteVideo.js         |  5 +---
 .../components/callee-info/CalleeInfo.js      |  2 +-
 .../components/PresenceLabel.js               | 30 +++++++++++--------
 5 files changed, 21 insertions(+), 22 deletions(-)

diff --git a/css/_videolayout_default.scss b/css/_videolayout_default.scss
index f6e63bf6e..82c5a043f 100644
--- a/css/_videolayout_default.scss
+++ b/css/_videolayout_default.scss
@@ -627,7 +627,6 @@
     padding-left: 10px;
     padding-right: 10px;
 }
-#remotePresenceMessage .no-presence,
 #remoteConnectionMessage {
     display: none;
 }
diff --git a/modules/UI/videolayout/LargeVideoManager.js b/modules/UI/videolayout/LargeVideoManager.js
index 0ca80102b..f73d75e65 100644
--- a/modules/UI/videolayout/LargeVideoManager.js
+++ b/modules/UI/videolayout/LargeVideoManager.js
@@ -429,11 +429,8 @@ export default class LargeVideoManager {
                 <Provider store = { APP.store }>
                     <I18nextProvider i18n = { i18next }>
                         <PresenceLabel
-                            noContentStyles = { {
-                                className: 'presence-label no-presence'
-                            } }
                             participantID = { id }
-                            styles = { { className: 'presence-label' } } />
+                            className = 'presence-label' />
                     </I18nextProvider>
                 </Provider>,
                 presenceLabelContainer.get(0));
diff --git a/modules/UI/videolayout/RemoteVideo.js b/modules/UI/videolayout/RemoteVideo.js
index 85645b504..df3965165 100644
--- a/modules/UI/videolayout/RemoteVideo.js
+++ b/modules/UI/videolayout/RemoteVideo.js
@@ -574,11 +574,8 @@ RemoteVideo.prototype.addPresenceLabel = function() {
             <Provider store = { APP.store }>
                 <I18nextProvider i18n = { i18next }>
                     <PresenceLabel
-                        noContentStyles = { {
-                            className: 'presence-label no-presence'
-                        } }
                         participantID = { this.id }
-                        styles = { { className: 'presence-label' } } />
+                        className = 'presence-label' />
                 </I18nextProvider>
             </Provider>,
             presenceLabelContainer);
diff --git a/react/features/invite/components/callee-info/CalleeInfo.js b/react/features/invite/components/callee-info/CalleeInfo.js
index 0c17284ad..49746ae6e 100644
--- a/react/features/invite/components/callee-info/CalleeInfo.js
+++ b/react/features/invite/components/callee-info/CalleeInfo.js
@@ -64,7 +64,7 @@ class CalleeInfo extends Component<Props> {
                     <Container { ...this._style('ringing__status') }>
                         <PresenceLabel
                             defaultPresence = { status }
-                            styles = { this._style('ringing__text') } />
+                            { ...this._style('ringing__text') } />
                     </Container>
                     <Container { ...this._style('ringing__name') }>
                         <Text
diff --git a/react/features/presence-status/components/PresenceLabel.js b/react/features/presence-status/components/PresenceLabel.js
index c4fb340ad..2b52cc203 100644
--- a/react/features/presence-status/components/PresenceLabel.js
+++ b/react/features/presence-status/components/PresenceLabel.js
@@ -36,17 +36,17 @@ class PresenceLabel extends Component {
          */
         _presence: PropTypes.string,
 
+        /**
+         * Class name for the presence label.
+         */
+        className: PropTypes.string,
+
         /**
          * Default presence status that will be displayed if user's presence
          * status is not available.
          */
         defaultPresence: PropTypes.string,
 
-        /**
-         * Styles for the case where there isn't any content to be shown.
-         */
-        noContentStyles: PropTypes.object,
-
         /**
          * The ID of the participant whose presence status shoul display.
          */
@@ -55,7 +55,7 @@ class PresenceLabel extends Component {
         /**
          * Styles for the presence label.
          */
-        styles: PropTypes.object,
+        style: PropTypes.object,
 
         /**
          * Invoked to obtain translated strings.
@@ -70,14 +70,20 @@ class PresenceLabel extends Component {
      * @returns {ReactElement}
      */
     render() {
-        const { _presence, styles, noContentStyles } = this.props;
-        const combinedStyles = _presence ? styles : noContentStyles;
+        const text = this._getPresenceText();
+
+        if (text === null) {
+            return null;
+        }
+
+        const { style, className } = this.props;
 
         return (
-            <Text { ...combinedStyles }>
-                { this._getPresenceText() }
-            </Text>
-        );
+            <Text
+                className = { className }
+                { ...style }>
+                { text }
+            </Text>);
     }
 
     /**