Briq
/
multiparty-meeting
7
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Close button in meeting drawer

master
Håvar Aambø Fosstveit 2019-04-02 14:38:36 +02:00
parent f8922887ef
commit 8d7f832270
2 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
app/src/components/MeetingDrawer/MeetingDrawer.js
View File

@ -10,6 +10,9 @@ import Badge from '@material-ui/core/Badge';
import Chat from './Chat/Chat'; import Chat from './Chat/Chat';
import FileSharing from './FileSharing/FileSharing'; import FileSharing from './FileSharing/FileSharing';
import ParticipantList from './ParticipantList/ParticipantList'; 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 = const tabs =
[ [
@ -43,7 +46,9 @@ class MeetingDrawer extends React.PureComponent
currentToolTab, currentToolTab,
unreadMessages, unreadMessages,
unreadFiles, unreadFiles,
classes closeDrawer,
classes,
theme
} = this.props; } = this.props;
return ( return (
@ -71,6 +76,9 @@ class MeetingDrawer extends React.PureComponent
} }
/> />
<Tab label='Participants' /> <Tab label='Participants' />
<IconButton onClick={closeDrawer}>
{theme.direction === 'ltr' ? <ChevronLeftIcon /> : <ChevronRightIcon />}
</IconButton>
</Tabs> </Tabs>
</AppBar> </AppBar>
{currentToolTab === 'chat' && <Chat />} {currentToolTab === 'chat' && <Chat />}
@ -87,7 +95,9 @@ MeetingDrawer.propTypes =
setToolTab : PropTypes.func.isRequired, setToolTab : PropTypes.func.isRequired,
unreadMessages : PropTypes.number.isRequired, unreadMessages : PropTypes.number.isRequired,
unreadFiles : 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) => ({ const mapStateToProps = (state) => ({
@ -103,4 +113,4 @@ const mapDispatchToProps = {
export default connect( export default connect(
mapStateToProps, mapStateToProps,
mapDispatchToProps mapDispatchToProps
)(withStyles(styles)(MeetingDrawer)); )(withStyles(styles, { withTheme: true })(MeetingDrawer));

2
app/src/components/Room.js
View File

@ -366,7 +366,7 @@ class Room extends React.PureComponent
paper : classes.drawerPaper paper : classes.drawerPaper
}} }}
> >
<MeetingDrawer /> <MeetingDrawer closeDrawer={toggleToolArea} />
</SwipeableDrawer> </SwipeableDrawer>
</Hidden> </Hidden>
</nav> </nav>