Overnap

Room 컴포넌트에 Chat 컴포넌트 적용

1 import React, { useContext } from 'react'; 1 import React, { useContext } from 'react';
2 import { useLocation } from 'react-router'; 2 import { useLocation } from 'react-router';
3 import { Main } from '../components/common/Main'; 3 import { Main } from '../components/common/Main';
4 +import { Chat } from '../components/room/Chat';
4 import { RoomInfo } from '../components/room/RoomInfo'; 5 import { RoomInfo } from '../components/room/RoomInfo';
5 import SocketContext from '../contexts/SocketContext'; 6 import SocketContext from '../contexts/SocketContext';
6 7
...@@ -8,6 +9,9 @@ export const Room: React.FC = () => { ...@@ -8,6 +9,9 @@ export const Room: React.FC = () => {
8 return ( 9 return (
9 <Main> 10 <Main>
10 <RoomInfo /> 11 <RoomInfo />
12 + <div className='w-full'>
13 + <Chat />
14 + </div>
11 </Main> 15 </Main>
12 ); 16 );
13 } 17 }
...\ No newline at end of file ...\ No newline at end of file
......