feat(filmstrip/toolbox) mobile ui undo changes

This commit is contained in:
Calin Chitu 2022-02-28 17:29:22 +02:00 committed by Calinteodor
parent f62dc44f3e
commit 1ab086247b
2 changed files with 2 additions and 23 deletions

View File

@ -1,15 +1,13 @@
// @flow
import React, { PureComponent } from 'react';
import { FlatList } from 'react-native';
import { SafeAreaView } from 'react-native-safe-area-context';
import { FlatList, SafeAreaView } from 'react-native';
import { getLocalParticipant } from '../../../base/participants';
import { Platform } from '../../../base/react';
import { connect } from '../../../base/redux';
import { ASPECT_RATIO_NARROW } from '../../../base/responsive-ui/constants';
import { shouldHideSelfView } from '../../../base/settings/functions.any';
import { isToolboxVisible } from '../../../toolbox/functions';
import { setVisibleRemoteParticipants } from '../../actions';
import { isFilmstripVisible, shouldRemoteVideosBeVisible } from '../../functions';
@ -39,11 +37,6 @@ type Props = {
*/
_disableSelfView: boolean,
/**
* Whether or not the toolbox is displayed.
*/
_isToolboxVisible: Boolean,
_localParticipantId: string,
/**
@ -233,7 +226,6 @@ class Filmstrip extends PureComponent<Props> {
const {
_aspectRatio,
_disableSelfView,
_isToolboxVisible,
_localParticipantId,
_participants,
_visible
@ -262,14 +254,7 @@ class Filmstrip extends PureComponent<Props> {
}
return (
<SafeAreaView
edges = { [
!_isToolboxVisible && 'bottom',
'top',
'left',
'right'
].filter(Boolean) }
style = { filmstripStyle }>
<SafeAreaView style = { filmstripStyle }>
{
this._separateLocalThumbnail
&& !isNarrowAspectRatio
@ -320,7 +305,6 @@ function _mapStateToProps(state) {
_clientHeight: responsiveUI.clientHeight,
_clientWidth: responsiveUI.clientWidth,
_disableSelfView: disableSelfView,
_isToolboxVisible: isToolboxVisible(state),
_localParticipantId: getLocalParticipant(state)?.id,
_participants: showRemoteVideos ? remoteParticipants : NO_REMOTE_VIDEOS,
_visible: enabled && isFilmstripVisible(state)

View File

@ -98,12 +98,7 @@ const styles = {
backgroundColor: BaseTheme.palette.uiBackground,
flexDirection: 'column',
flexGrow: 0,
height: '100%',
width: '100%',
// TODO revisit this
maxHeight: 76,
maxWidth: 580,
marginLeft: 'auto',
marginRight: 'auto'