Clean up raised hand naming. Only needs UI now. Ref #40

app/src/components/MeetingDrawer/ParticipantList/ListMe.js

@@ -63,7 +63,7 @@ const styles = (theme) =>
 			{
 				opacity : 1
 			},
-			'&.raise-hand' :
+			'&.raisedHand' :
 			{
 				backgroundImage : `url(${HandIcon})`,
 				opacity         : 1
@@ -92,7 +92,7 @@ const ListMe = (props) =>
 
 				<div className={classes.indicators}>
 					{ me.raisedHand &&
-						<div className={classnames(classes.icon, 'raise-hand')} />
+						<div className={classnames(classes.icon, 'raisedHand')} />
 					}
 				</div>
 			</div>

app/src/components/MeetingDrawer/ParticipantList/ListPeer.js

@@ -82,7 +82,7 @@ const styles = (theme) =>
 			{
 				opacity : 0.2
 			},
-			'&.raise-hand' :
+			'&.raisedHand' :
 			{
 				backgroundImage : `url(${HandIcon})`
 			}
@@ -140,12 +140,12 @@ const ListPeer = (props) =>
 				{peer.displayName}
 			</div>
 			<div className={classes.indicators}>
-				{ peer.raiseHandState &&
+				{ peer.raisedHand &&
 					<div className={
 						classnames(
-							classes.icon, 'raise-hand', {
-								on  : peer.raiseHandState,
-								off : !peer.raiseHandState
+							classes.icon, 'raisedHand', {
+								on  : peer.raisedHand,
+								off : !peer.raisedHand
 							}
 						)
 					}