Skip to content

GitLab

Commit a2b5f222 authored by 이재연's avatar 이재연
Browse files

aa

parent d1b34c66
Hide whitespace changes
Inline Side-by-side
client/src/components/Room/ChannelList.js
View file @ a2b5f222
...@@ -4,13 +4,6 @@ import LeftHamberger from './LeftHamberger'; ...@@ -4,13 +4,6 @@ import LeftHamberger from './LeftHamberger';
import RightHamberger from './RightHamberger'; import RightHamberger from './RightHamberger';
const ChannelList = () => { const ChannelList = () => {
const [admin, setAdmin] = useState('true')
// function copytoClipboard() {
// const [code, setCode] = useState()
// const roomcode = document.getElementById("textarea")
// alert("코드를 복사하였습니다.")
// }
return ( return (
<div> <div>
<nav className="navbar navbar-light d-flex justify-content-between"> <nav className="navbar navbar-light d-flex justify-content-between">
......
client/src/components/Room/LeftHamberger.js
View file @ a2b5f222
import backward from '../../backward.png' import backward from "../../backward.png";
import ChannelSingle from './ChannelSingle' import ChannelSingle from "./ChannelSingle";
const LeftHamberger = () => { const LeftHamberger = () => {
return ( return (
<div> <div>
<div> <div>
<button <button
className="navbar-toggler" className="navbar-toggler"
type="button" type="button"
data-bs-toggle="offcanvas" data-bs-toggle="offcanvas"
data-bs-target="#left-hamburger" data-bs-target="#left-hamburger"
aria-controls="left-hamburger" aria-controls="left-hamburger"
aria-expanded="false" aria-expanded="false"
aria-label="Toggle navigation" aria-label="Toggle navigation"
style={{ border: '#f4c1f2' }} style={{ border: "#f4c1f2" }}
> >
<img src={backward} width="25" height="25" /> <span className="navbar-toggler-icon"></span>
</button> </button>
</div> </div>
<div <div
className="offcanvas offcanvas-start" className="offcanvas offcanvas-start"
style={{ width: '330px' }} style={{ width: "330px" }}
tabIndex="-1" tabIndex="-1"
id="left-hamburger" id="left-hamburger"
aria-labelledby="hamburgerLabel" aria-labelledby="hamburgerLabel"
> >
<div className="d-flex justify-content-between offcanvas-header"> <div className="d-flex justify-content-between offcanvas-header">
<p <p
className="col-6 offcanvas-title" className="col-6 offcanvas-title"
id="offcanvasExampleLabel" id="offcanvasExampleLabel"
style={{ style={{
fontWeight: 'bold', fontWeight: "bold",
fontSize: '20px', fontSize: "20px",
width: '200px' width: "200px",
}} }}
> >
온/오프라인 사용자 온/오프라인 사용자
</p> </p>
<button <button
type="button" type="button"
className="btn-close text-reset" className="btn-close text-reset"
data-bs-dismiss="offcanvas" data-bs-dismiss="offcanvas"
aria-label="Close" aria-label="Close"
></button> ></button>
</div> </div>
<div className="overflow-auto" style={{ height: '610px' }}> <div className="overflow-auto" style={{ height: "610px" }}>
<div className="mb-3"> <div className="mb-3">
<div className="m-3 p-1 row" style={{ backgroundColor: "#E0CEE8" }}> <div className="m-3 p-1 row" style={{ backgroundColor: "#E0CEE8" }}>
<h5 className="col mt-2">온라인 사용자</h5> <h5 className="col mt-2">온라인 사용자</h5>
</div> </div>
<ul className="mx-5" style={{marker: "#2e873a"}}>
<li className="marker: #2e873a" style={{markerColor: "2px #2e873a"}}>
CHERRY
</li>
<li>
JAEYEON
</li>
<li>
SEOYEON
</li>
<li>
JIWEON
</li>
<li>
BYOUNGYUN
</li>
</ul>
</div>
<div className="mb-3"> <ul className="mx-5" style={{ color: "#76D079" }}>
<div className="m-3 p-1 row" style={{ backgroundColor: "#E0CEE8" }}> <li>
<h5 className="col mt-2">오프라인 사용자</h5> <p style={{ color: "black" }}>CHERRY</p>
</div> </li>
<ul className="mx-5"> <li>
<li> <p style={{ color: "black" }}>JAEYEON</p>
CHERRY </li>
</li> <li>
<li> <p style={{ color: "black" }}>SEOYEON</p>
JAEYEON </li>
</li> <li>
<li> <p style={{ color: "black" }}>JIWEON</p>
SEOYEON </li>
</li> <li>
<li> <p style={{ color: "black" }}>BYOUNGYUN</p>
JIWEON </li>
</li> </ul>
<li> </div>
BYOUNGYUN
</li>
</ul>
</div>
</div>
<div className="mb-3">
<div className="m-3 p-1 row" style={{ backgroundColor: "#E0CEE8" }}>
<h5 className="col mt-2">오프라인 사용자</h5>
</div> </div>
</div > <ul className="mx-5">
) <li>CHERRY</li>
} <li>JAEYEON</li>
<li>SEOYEON</li>
<li>JIWEON</li>
<li>BYOUNGYUN</li>
</ul>
</div>
</div>
</div>
</div>
);
};
export default LeftHamberger export default LeftHamberger;
\ No newline at end of file
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