Revert "add(speaker-stats): avatar got left participant"

This reverts commit 758ece50c2.
This commit is contained in:
Calinteodor 2022-02-01 16:52:42 +02:00 committed by GitHub
parent eb7ff2a177
commit c277930fee
2 changed files with 7 additions and 18 deletions

View File

@ -2,8 +2,7 @@
import React from 'react';
import { Avatar, StatelessAvatar } from '../../../base/avatar';
import { getInitials } from '../../../base/avatar/functions';
import { Avatar } from '../../../base/avatar';
import { FACIAL_EXPRESSIONS } from '../../../facial-recognition/constants.js';
import TimeElapsed from './TimeElapsed';
@ -72,7 +71,7 @@ const SpeakerStatsItem = (props: Props) => {
* @inheritdoc
* @returns {ReactElement}
*/
const hasLeftClass = props.hasLeft ? props.styles.hasLeft : '';
const hasLeftClass = props.hasLeft ? props.styles.placeholderColor : '';
const rowDisplayClass = `row ${hasLeftClass} ${props.styles.item}`;
const expressionClass = 'expression';
const nameTimeClass = `name-time${
@ -87,7 +86,7 @@ const SpeakerStatsItem = (props: Props) => {
aria-label = { props.t(`speakerStats.${expression}`) }
className = {
`${expressionClass} ${
props.facialExpressions[expression] === 0 ? props.styles.hasLeft : ''
props.facialExpressions[expression] === 0 ? props.styles.placeholderColor : ''
}`
}
key = { expression }>
@ -101,19 +100,9 @@ const SpeakerStatsItem = (props: Props) => {
className = { rowDisplayClass }
key = { props.participantId } >
<div className = { `avatar ${props.styles.avatar}` }>
{
props.hasLeft ? (
<StatelessAvatar
className = 'userAvatar'
color = { '#525252' }
id = 'avatar'
initials = { getInitials(props.displayName) } />
) : (
<Avatar
className = 'userAvatar'
participantId = { props.participantId } />
)
}
<Avatar
className = 'userAvatar'
participantId = { props.participantId } />
</div>
<div className = { nameTimeClass }>
<div

View File

@ -21,7 +21,7 @@ const useStyles = makeStyles(theme => {
expressions: {
paddingLeft: 29
},
hasLeft: {
placeholderColor: {
color: theme.palette.text03
},
time: {