Updated screen sharing styling and icon

2018-03-04 22:24:42 +01:00
parent 56ce361e3c
commit a0047f54bb
3 changed files with 26 additions and 2 deletions
@@ -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 (
 			<Appear duration={300}>
@@ -96,7 +109,7 @@ class Room extends React.Component
 					<div className='sidebar'>
 						<div
 							className={classnames('button', 'screen', screenState)}
-							data-tip='Toggle screen sharing'
+							data-tip={screenTip}
 							data-type='dark'
 							onClick={() =>
 							{