diff --git a/app/lib/components/Room.jsx b/app/lib/components/Room.jsx index 2f16175..eb19f99 100644 --- a/app/lib/components/Room.jsx +++ b/app/lib/components/Room.jsx @@ -31,15 +31,28 @@ class Room extends React.Component } = this.props; let screenState; + let screenTip; if (me.needExtension) + { screenState = 'need-extension'; + screenTip = 'Install screen sharing extension'; + } else if (!me.canShareScreen) + { screenState = 'unsupported'; + screenTip = 'Screen sharing not supported'; + } else if (screenProducer) + { screenState = 'on'; + screenTip = 'Stop screen sharing'; + } else + { screenState = 'off'; + screenTip = 'Start screen sharing'; + } return ( @@ -96,7 +109,7 @@ class Room extends React.Component
{ diff --git a/app/resources/images/share-screen-white.svg b/app/resources/images/share-screen-white.svg new file mode 100644 index 0000000..ebf3f40 --- /dev/null +++ b/app/resources/images/share-screen-white.svg @@ -0,0 +1,11 @@ + + + + + + + diff --git a/app/stylus/components/Room.styl b/app/stylus/components/Room.styl index 8f8ec1e..fcc1471 100644 --- a/app/stylus/components/Room.styl +++ b/app/stylus/components/Room.styl @@ -238,7 +238,7 @@ } &.off { - background-image: url('/resources/images/share-screen-black.svg'); + background-image: url('/resources/images/share-screen-white.svg'); } &.unsupported {