|
|
- import React from 'react';
- import RoomListItem from './RoomListItem';
- import {modifyStateToCreateRoom} from '../App'
-
- export default (props) => {
- let rooms = props.roomsArray;
- console.log(props);
- if (rooms.length != 0) {
- const roomNameArray = rooms.map(room => room.name);
- const publicPrivateArray = rooms.map(room => room.passwordBool);
- const capacityArray = rooms.map(room => room.capacity);
- const occupancyArray = rooms.map(room => room.occupants);
-
- var roomsArray = [];
-
- for(var i = 0; i < roomNameArray.length; i++){
- roomsArray.push(<RoomListItem roomName={roomNameArray[i]} occupancy={occupancyArray[i]} private={publicPrivateArray[i]} capacity={capacityArray[i]} socket={props.socket} />);
- }
-
- return(
- <div>
- <ul>
- <li className="lobby__room">
- <span className="lobby__room-name">Room Name</span>
- <span className="lobby__room-occupancy">Occupancy</span>
- <span className="lobby__room-status">Status</span>
- </li>
- {roomsArray}
- </ul>
- <button onClick={props.stateModifier}>Create Room</button>
- </div>
- )
- } else {
- return (
- <div>
- <div>No current rooms, you should create one!</div>
- <button onClick={props.stateModifier}>Create Room</button>
- </div>
- )
- }
- }
|