import axios from 'axios';
import React, { useState } from 'react'
import { ListGroup, Row, Col } from 'react-bootstrap';

function ClosedList(props) {
  const [list, setList] = useState([]);

  // async function getClosedList() { //email로 db에서 찾아오기 ㅇㅇㅇㅇㅇ
  //   const member = sessionStorage.getItem('name')
  //   const response = await axios.put(`/room/${member}`, { 'member': member })
  //   setList(response.data)
  // }
  // console.log(list)



  function enterChatroomCH(e) {
    console.log(e.target.name)
    console.log(e.target)
    const roomName = e.target.name
    props.enterChatroom(roomName) // 각각의 room으로 들어가도록 설정해야 함
    props.setRoomName(roomName)
    // props.clearChat()
  }

  //user.hasOwnProperty('이름');

  return (
    <div>
      {list.map((item, index) =>
        <ListGroup key={index}>
          <ListGroup.Item action onClick={enterChatroomCH} name={item.room}>
            {item.room}
          </ListGroup.Item>
        </ListGroup>
      )}
    </div>
  )
}

export default ClosedList