diff --git a/app/src/components/AccessControl/LockDialog/LockDialog.js b/app/src/components/AccessControl/LockDialog/LockDialog.js index b50c076..01c6c35 100644 --- a/app/src/components/AccessControl/LockDialog/LockDialog.js +++ b/app/src/components/AccessControl/LockDialog/LockDialog.js @@ -11,15 +11,17 @@ import PropTypes from 'prop-types'; import Dialog from '@material-ui/core/Dialog'; import DialogTitle from '@material-ui/core/DialogTitle'; import DialogActions from '@material-ui/core/DialogActions'; +import DialogContent from '@material-ui/core/DialogContent'; +import DialogContentText from '@material-ui/core/DialogContentText'; import Button from '@material-ui/core/Button'; -import FormLabel from '@material-ui/core/FormLabel'; -import FormControl from '@material-ui/core/FormControl'; -import FormGroup from '@material-ui/core/FormGroup'; -import FormControlLabel from '@material-ui/core/FormControlLabel'; +// import FormLabel from '@material-ui/core/FormLabel'; +// import FormControl from '@material-ui/core/FormControl'; +// import FormGroup from '@material-ui/core/FormGroup'; +// import FormControlLabel from '@material-ui/core/FormControlLabel'; // import Checkbox from '@material-ui/core/Checkbox'; // import InputLabel from '@material-ui/core/InputLabel'; // import OutlinedInput from '@material-ui/core/OutlinedInput'; -import Switch from '@material-ui/core/Switch'; +// import Switch from '@material-ui/core/Switch'; import List from '@material-ui/core/List'; import ListSubheader from '@material-ui/core/ListSubheader'; import ListLobbyPeer from './ListLobbyPeer'; @@ -56,7 +58,7 @@ const styles = (theme) => }); const LockDialog = ({ - roomClient, + // roomClient, room, handleCloseLockDialog, // handleAccessCode, @@ -73,73 +75,78 @@ const LockDialog = ({ paper : classes.dialogPaper }} > - Room access control -
- - Room lock - - - { - if (room.locked) - { - roomClient.unlockRoom(); - } - else - { - roomClient.lockRoom(); - } - }} - />} - label='Lock' - /> - {/* TODO: access code - roomClient.setJoinByAccessCode(event.target.checked) - } - />} - label='Join by Access code' - /> - - handleAccessCode(event.target.value)} - > - - - */} - - - - { (lobbyPeers.length > 0) && - - Participants in Lobby - - } - > - { - lobbyPeers.map((peerId) => + Lobby administration + {/* + + Room lock + + { - return (); - }) - } - - } -
+ if (room.locked) + { + roomClient.unlockRoom(); + } + else + { + roomClient.lockRoom(); + } + }} + />} + label='Lock' + /> + TODO: access code + roomClient.setJoinByAccessCode(event.target.checked) + } + />} + label='Join by Access code' + /> + + handleAccessCode(event.target.value)} + > + + + + + + */} + { lobbyPeers.length > 0 ? + + Participants in Lobby + + } + > + { + lobbyPeers.map((peerId) => + { + return (); + }) + } + + : + + + There are currently no one in the lobby. + + + }