Revert "add(speaker-stats): avatar got left participant"
This reverts commit 758ece50c2
.
This commit is contained in:
parent
eb7ff2a177
commit
c277930fee
|
@ -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
|
||||
|
|
|
@ -21,7 +21,7 @@ const useStyles = makeStyles(theme => {
|
|||
expressions: {
|
||||
paddingLeft: 29
|
||||
},
|
||||
hasLeft: {
|
||||
placeholderColor: {
|
||||
color: theme.palette.text03
|
||||
},
|
||||
time: {
|
||||
|
|
Loading…
Reference in New Issue