Commit cf7d5e40 authored by 우지원's avatar 우지원
Browse files

0707

parent 8274fab1
...@@ -80,7 +80,7 @@ const ChannelList = () => { ...@@ -80,7 +80,7 @@ const ChannelList = () => {
<div <div
className="modal fade" className="modal fade"
id="exitRoom" id="exitRoom"
tabindex="-1" tabIndex="-1"
aria-labelledby="exitRoomLabel" aria-labelledby="exitRoomLabel"
aria-hidden="true" aria-hidden="true"
> >
......
...@@ -9,8 +9,8 @@ import React, { useState } from 'react'; ...@@ -9,8 +9,8 @@ import React, { useState } from 'react';
const Controller = () => { const Controller = () => {
const [mic, setMic] = useState("true") const [mic, setMic] = useState("true")
const [video, setVideo] = useState("true")
const [speaker, setSpeaker] = useState("true") const [speaker, setSpeaker] = useState("true")
const [video, setVideo] = useState("true")
const micOn = (() => setMic(false)); const micOn = (() => setMic(false));
const micOff = (() => setMic(true)); const micOff = (() => setMic(true));
...@@ -24,8 +24,9 @@ const Controller = () => { ...@@ -24,8 +24,9 @@ const Controller = () => {
<div className="row"> <div className="row">
<div <div
className="col d-flex justify-content-center" className="col d-flex justify-content-center"
style={{ backgroundColor: '#C4C4C4', position: 'absolute', bottom: 0, width:'414px' }} style={{ backgroundColor: '#C4C4C4', position: 'absolute', bottom: 0, width: '414px' }}
> >
{mic ? <div className="col d-flex justify-content-center"> {mic ? <div className="col d-flex justify-content-center">
<button type="button" className="btn" onClick={micOn}> <button type="button" className="btn" onClick={micOn}>
<img src={micoff_btn} width="45" height="40" /> <img src={micoff_btn} width="45" height="40" />
...@@ -52,8 +53,7 @@ const Controller = () => { ...@@ -52,8 +53,7 @@ const Controller = () => {
type="button" type="button"
className="btn" className="btn"
data-bs-toggle="modal" data-bs-toggle="modal"
data-bs-target="#exampleModal" data-bs-target="#shareModal"
src={video_btn}
onClick="location.href='ScreenSelect.js'" onClick="location.href='ScreenSelect.js'"
onClick={videoOn} onClick={videoOn}
> >
...@@ -66,8 +66,10 @@ const Controller = () => { ...@@ -66,8 +66,10 @@ const Controller = () => {
</button> </button>
</div>} </div>}
</div> </div>
<ScreenSelect /> <ScreenSelect videoOff={videoOff} />
</div> </div>
</div> </div>
) )
} }
......
const ScreenSelect = () => { import Controller from "./Controller"
const ScreenSelect = ({videoOff}) => {
return ( return (
<div className="container"> <div className="container">
<div <div
className="modal fade" className="modal fade"
id="exampleModal" id="shareModal"
tabindex="-1" tabIndex="-1"
aria-labelledby="exampleModalLabel" aria-labelledby="shareModalLabel"
aria-hidden="true" aria-hidden="true"
> >
<div className="modal-dialog"> <div className="modal-dialog">
<div className="modal-content"> <div className="modal-content">
<div className="modal-header"> <div className="modal-header">
<h5 className="modal-title" id="exampleModalLabel"> <h5 className="modal-title" id="shareModalLabel">
공유 화면 선택 공유 화면 선택
</h5> </h5>
<button <button
...@@ -19,20 +21,21 @@ const ScreenSelect = () => { ...@@ -19,20 +21,21 @@ const ScreenSelect = () => {
className="btn-close" className="btn-close"
data-bs-dismiss="modal" data-bs-dismiss="modal"
aria-label="Close" aria-label="Close"
onClick={videoOff}
></button> ></button>
</div> </div>
<div className="modal-body"> <div className="modal-body">
<div className="row"> <div className="row">
<div className="col-sm-6 mb-3"> <div className="col-sm-6 mb-3">
<div className="card"> <div className="card">
<div style={{ height:'150px'}} className="card-body"> <div style={{ height: '150px' }} className="card-body">
<p className="card-text">공유화면1</p> <p className="card-text">공유화면1</p>
</div> </div>
</div> </div>
</div> </div>
<div className="col-sm-6"> <div className="col-sm-6">
<div className="card"> <div className="card">
<div style={{ height:'150px'}} className="card-body"> <div style={{ height: '150px' }} className="card-body">
<p className="card-text">공유화면2</p> <p className="card-text">공유화면2</p>
</div> </div>
</div> </div>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment