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 ( -