diff --git a/app/src/components/Lobby.js b/app/src/components/Lobby.js deleted file mode 100644 index 7e8bcf0..0000000 --- a/app/src/components/Lobby.js +++ /dev/null @@ -1,184 +0,0 @@ -import React from 'react'; -import { connect } from 'react-redux'; -import { withStyles } from '@material-ui/core/styles'; -import { withRoomContext } from '../RoomContext'; -import * as stateActions from '../actions/stateActions'; -import PropTypes from 'prop-types'; -import Dialog from '@material-ui/core/Dialog'; -import Typography from '@material-ui/core/Typography'; -import DialogActions from '@material-ui/core/DialogActions'; -import Button from '@material-ui/core/Button'; -import TextField from '@material-ui/core/TextField'; - -const styles = (theme) => - ({ - root : - { - display : 'flex', - width : '100%', - height : '100%', - backgroundColor : 'var(--background-color)', - backgroundImage : `url(${window.config.background})`, - backgroundAttachment : 'fixed', - backgroundPosition : 'center', - backgroundSize : 'cover', - backgroundRepeat : 'no-repeat' - }, - dialogPaper : - { - width : '20vw', - padding : theme.spacing(2), - [theme.breakpoints.down('lg')] : - { - width : '30vw' - }, - [theme.breakpoints.down('md')] : - { - width : '40vw' - }, - [theme.breakpoints.down('sm')] : - { - width : '60vw' - }, - [theme.breakpoints.down('xs')] : - { - width : '80vw' - } - }, - logo : - { - display : 'block' - } - }); - -const Lobby = ({ - roomClient, - url, - displayName, - loginEnabled, - changeDisplayName, - classes -}) => -{ - const handleKeyDown = (event) => - { - const { key } = event; - - switch (key) - { - case 'Enter': - case 'Escape': - { - if (displayName === '') - roomClient.changeDisplayName('Guest'); - else - roomClient.changeDisplayName(displayName); - break; - } - default: - break; - } - }; - - return ( -
- - { window.config.logo && - Logo - } - - Virtual lobby - - - You are currently in the virtual lobby of: {url} - Please wait for someone to let you in. - - - { - const { value } = event.target; - - changeDisplayName(value); - }} - onKeyDown={handleKeyDown} - onBlur={() => - { - if (displayName === '') - roomClient.changeDisplayName('Guest'); - else - roomClient.changeDisplayName(displayName); - }} - margin='normal' - /> - - { loginEnabled && - - } - - -
- ); -}; - -Lobby.propTypes = -{ - roomClient : PropTypes.any.isRequired, - url : PropTypes.string.isRequired, - displayName : PropTypes.string.isRequired, - loginEnabled : PropTypes.bool.isRequired, - changeDisplayName : PropTypes.func.isRequired, - classes : PropTypes.object.isRequired -}; - -const mapStateToProps = (state) => -{ - return { - url : state.room.url, - displayName : state.settings.displayName, - loginEnabled : state.me.loginEnabled - }; -}; - -const mapDispatchToProps = (dispatch) => -{ - return { - changeDisplayName : (displayName) => - { - dispatch(stateActions.setDisplayName(displayName)); - } - }; -}; - -export default withRoomContext(connect( - mapStateToProps, - mapDispatchToProps, - null, - { - areStatesEqual : (next, prev) => - { - return ( - prev.room.url === next.room.url && - prev.settings.displayName === next.settings.displayName && - prev.me.loginEnabled === next.me.loginEnabled - ); - } - } -)(withStyles(styles)(Lobby))); \ No newline at end of file