diff --git a/app/src/components/MeetingDrawer/MeetingDrawer.js b/app/src/components/MeetingDrawer/MeetingDrawer.js index bde75cd..29aac62 100644 --- a/app/src/components/MeetingDrawer/MeetingDrawer.js +++ b/app/src/components/MeetingDrawer/MeetingDrawer.js @@ -10,6 +10,9 @@ import Badge from '@material-ui/core/Badge'; import Chat from './Chat/Chat'; import FileSharing from './FileSharing/FileSharing'; import ParticipantList from './ParticipantList/ParticipantList'; +import ChevronLeftIcon from '@material-ui/icons/ChevronLeft'; +import ChevronRightIcon from '@material-ui/icons/ChevronRight'; +import IconButton from '@material-ui/core/IconButton'; const tabs = [ @@ -43,7 +46,9 @@ class MeetingDrawer extends React.PureComponent currentToolTab, unreadMessages, unreadFiles, - classes + closeDrawer, + classes, + theme } = this.props; return ( @@ -71,6 +76,9 @@ class MeetingDrawer extends React.PureComponent } /> + + {theme.direction === 'ltr' ? : } + {currentToolTab === 'chat' && } @@ -87,7 +95,9 @@ MeetingDrawer.propTypes = setToolTab : PropTypes.func.isRequired, unreadMessages : PropTypes.number.isRequired, unreadFiles : PropTypes.number.isRequired, - classes : PropTypes.object.isRequired + closeDrawer : PropTypes.func.isRequired, + classes : PropTypes.object.isRequired, + theme : PropTypes.object.isRequired }; const mapStateToProps = (state) => ({ @@ -103,4 +113,4 @@ const mapDispatchToProps = { export default connect( mapStateToProps, mapDispatchToProps -)(withStyles(styles)(MeetingDrawer)); +)(withStyles(styles, { withTheme: true })(MeetingDrawer)); diff --git a/app/src/components/Room.js b/app/src/components/Room.js index b1dd671..668f792 100644 --- a/app/src/components/Room.js +++ b/app/src/components/Room.js @@ -366,7 +366,7 @@ class Room extends React.PureComponent paper : classes.drawerPaper }} > - +