InvitePage.js 3.05 KB
Newer Older
Kim, Chaerin's avatar
merge19    
Kim, Chaerin committed
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
import Header from "../components/Header";
const InvitePage = () => {
  function GoInvitedroom() {
    // if() : //초대받은 사람이 로그인 o
    // roomid = //서버에서 받아온 방 번호 저장
    // //초대받은 사람의 참여한  방 목록에 roomid 추가
    // else //로그인x
    // //로그인 하게 보냄.
  }

  function Invitereject() {
    // if () //초대받은 사람이 로그인 o
    //   <Link to="/user"></Link>//유저 페이지로 이동.
    // else //로그인x
    //   <Link to="/"></Link> //메인화면으로 이동.
  }

  return (
    <div>
      {/*페이지 전체*/}
      <Header />
      <div className="d-flex justify-content-evenly">
        {/* 위 사진,이름 */}
        <div
          style={{
            width: "100%",
            height: "140px",
            textAlign: "center",
            border: "3px",
            borderStyle: "none solid solid",
            borderColor: "red",
            fontSize: "12px",
          }}
        >
          {/* 방 부분 */}
          <p style={{ marginBottom: "0px", fontSize: "16px" }}>초대받은 </p>
          <img style={{ width: "90px", height: "90px" }}></img>
          <p style={{ marginBottom: "0px", fontSize: "16px" }}>
             id: {/*${roomid}*/}
          </p>
        </div>

        {/* <div
          style={{
            width: "207px",
            height: "140px",
            textAlign: "center",
            border: "3px",
            borderStyle: "none solid solid none",
            borderColor: "red",
            fontSize: "12px",
          }}
        >
          초대한 사람 부분 
          <p style={{ marginBottom: "0px", fontSize: "16px" }}>초대한 사람</p>
          <img src={UserImage} style={{ width: "90px", height: "90px" }}></img>
          <p style={{ marginBottom: "0px", fontSize: "16px" }}>
            이름: {/*${nickname} 
          </p>
        </div>*/}
      </div>

      <div
        style={{
          width: "80%",
          height: "200px",
          textAlign: "center",
          fontSize: "18px",
          marginLeft: "10%",
          marginRight: "10%",
        }}
      >
        {/* 아래 텍스트 */}
        <p>
          <br></br>
          축하합니다! 친구{/*${InvitePerson.nickname}*/} 화상회의방{" "}
          {/*${InvitedRoo.roomid}*/} 초대하였습니다.
          <br></br>
          <br></br>
          초대를 수락하시겠습니까?
        </p>
      </div>

      <div className="d-flex justify-content-evenly">
        {/* 수락, 거절 버튼 */}
        <button
          type="submit"
          className="col-2 p-1 btn btn-primary"
          data-bs-dismiss="modal"
          style={{ width: "120px" }}
          onClick={GoInvitedroom}
        >
          수락
        </button>
        <button
          type="submit"
          className="col-2 p-1 btn btn-primary"
          data-bs-dismiss="modal"
          style={{ width: "120px" }}
          onClick={Invitereject}
        >
          거절
        </button>
      </div>
    </div>
  );
};

export default InvitePage;