You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
25 lines
705 B
25 lines
705 B
import React from 'react';
|
|
import RoomListItem from './RoomListItem';
|
|
import {modifyStateToCreateRoom} from '../App'
|
|
|
|
export default (props) => {
|
|
let rooms = props.roomArray;
|
|
if (rooms.length != 0) {
|
|
let roomsList = rooms.map((room) =>
|
|
<RoomListItem roomName={room.name} private={room.passwordBool} capacity={room.capacity} occupancy={room.occupants} />
|
|
);
|
|
return(
|
|
<div>
|
|
<div>{roomsList}</div>
|
|
<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>
|
|
)
|
|
}
|
|
}
|