v1.4.3/release (clean up criteria, titles, color for self)

app/src/Chat.js

@@ -71,7 +71,6 @@ import Create from './Create';
 import { goTo } from 'route-lite';
 import CallManager from './CallManager';
 import VideoListener from './VideoListener';
-import VoxeetSDK from '@voxeet/voxeet-web-sdk';
 
 const giphyFetch = new GiphyFetch('ojJbIMUN6XRMn4mHiFFav3rMCpXUg8sq');
 const alerts = [
@@ -354,6 +353,7 @@ export default class Chat extends Component {
                 rowsMax={2}
                 variant="outlined"
                 fullWidth
+                color="secondary"
                 InputProps={{
                   endAdornment: (
                     <Tooltip title="Share party" aria-label="Share party">
@@ -409,17 +409,22 @@ export default class Chat extends Component {
                   <Chip className="party-controls-users-chip" clickable size="small" label={user} />
                 ))}
               </div>
-              {VoxeetSDK.conference.participants.size > 0 ? (
+              {Object.keys(usersOnCall).length > 0 ? (
                 <Typography className="party-controls-users-title" variant="overline">
                   MEMBERS IN CALL
                 </Typography>
               ) : null}
-              {VoxeetSDK.conference.participants.size > 0 ? (
+              {Object.keys(usersOnCall).length > 0 ? (
                 <div className="party-controls-users-container">
                   {Object.keys(usersOnCall).map((id) => {
                     return usersOnCall[id].status === 'Connected' ||
                       usersOnCall[id].status === 'Connecting' ? (
                       <Chip
+                        color={
+                          usersOnCall[id].info.externalId === LocalData().userUid
+                            ? 'secondary'
+                            : null
+                        }
                         className="party-controls-users-chip"
                         clickable
                         size="small"