diff --git a/app/src/components/MeetingDrawer/ParticipantList/ParticipantList.js b/app/src/components/MeetingDrawer/ParticipantList/ParticipantList.js
index 38f2aea..85a71cb 100644
--- a/app/src/components/MeetingDrawer/ParticipantList/ParticipantList.js
+++ b/app/src/components/MeetingDrawer/ParticipantList/ParticipantList.js
@@ -90,8 +90,6 @@ class ParticipantList extends React.PureComponent
Me:
-
-
{ lobbyPeers.length > 0 ?
- Participants in Lobby:
@@ -106,8 +104,6 @@ class ParticipantList extends React.PureComponent
:null
}
-
-
- Participants in Spotlight:
{ spotlightPeers.map((peer) => (
@@ -124,7 +120,6 @@ class ParticipantList extends React.PureComponent
))}
-
- Passive Participants:
{ passivePeers.map((peerId) => (
diff --git a/app/src/components/Room.js b/app/src/components/Room.js
index 040511e..3ebebeb 100644
--- a/app/src/components/Room.js
+++ b/app/src/components/Room.js
@@ -150,6 +150,38 @@ const styles = (theme) =>
}
});
+const PulsingBadge = withStyles((theme) =>
+ ({
+ badge :
+ {
+ backgroundColor : theme.palette.secondary.main,
+ // boxShadow : `0 0 0 2px ${theme.palette.secondary.main}`,
+ '&::after' :
+ {
+ position : 'absolute',
+ width : '100%',
+ height : '100%',
+ borderRadius : '50%',
+ animation : '$ripple 1.2s infinite ease-in-out',
+ border : `3px solid ${theme.palette.secondary.main}`,
+ content : '""'
+ }
+ },
+ '@keyframes ripple' :
+ {
+ '0%' :
+ {
+ transform : 'scale(.8)',
+ opacity : 1
+ },
+ '100%' :
+ {
+ transform : 'scale(2.4)',
+ opacity : 0
+ }
+ }
+ }))(Badge);
+
class Room extends React.PureComponent
{
constructor(props)
@@ -286,7 +318,7 @@ class Room extends React.PureComponent
className={room.toolbarsVisible ? classes.show : classes.hide}
>
-
@@ -298,7 +330,7 @@ class Room extends React.PureComponent
>
-
+
{ window.config.logo ?
:null