haskal
/
jiti-meet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Revert "fix(speaker-stats): responsiveness" 

This reverts commit 4e3d5cf844.
This commit is contained in:
Calinteodor 2022-02-01 16:52:42 +02:00 committed by GitHub
parent 0d885a2167
commit 50619377d4
1 changed files with 3 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
react/features/speaker-stats/components/web/SpeakerStats.js
View File

@ -31,13 +31,10 @@ const useStyles = makeStyles(theme => {
display: 'flex', display: 'flex',
justifyContent: 'space-between', justifyContent: 'space-between',
alignItems: 'center', alignItems: 'center',
width: '100%' width: '100%',
}, },
searchSwitchContainerExpressionsOn: { searchSwitchContainerExpressionsOn: {
width: '58.5%', width: '58.5%'
[theme.breakpoints.down('750')]: {
width: '100%'
}
}, },
searchContainer: { searchContainer: {
width: '50%' width: '50%'
@ -52,7 +49,7 @@ const SpeakerStats = () => {
const { enableDisplayFacialExpressions } = useSelector(state => state['features/base/config']); const { enableDisplayFacialExpressions } = useSelector(state => state['features/base/config']);
const { showFacialExpressions } = useSelector(state => state['features/speaker-stats']); const { showFacialExpressions } = useSelector(state => state['features/speaker-stats']);
const { clientWidth } = useSelector(state => state['features/base/responsive-ui']); const { clientWidth } = useSelector(state => state['features/base/responsive-ui']);
const displaySwitch = enableDisplayFacialExpressions && clientWidth > 600; const displaySwitch = enableDisplayFacialExpressions && clientWidth > 520;
const dispatch = useDispatch(); const dispatch = useDispatch();
const classes = useStyles(); const classes = useStyles();
@ -65,10 +62,6 @@ const SpeakerStats = () => {
} }
, [ dispatch ]); , [ dispatch ]);
useEffect(() => {
showFacialExpressions && !displaySwitch && dispatch(toggleFacialExpressions());
}, [ clientWidth ]);
useEffect(() => () => dispatch(resetSearchCriteria()), []); useEffect(() => () => dispatch(resetSearchCriteria()), []);
return ( return (