Showing
1 changed file
with
6 additions
and
4 deletions
... | @@ -2,6 +2,7 @@ import React, { useContext, useEffect, useState } from 'react'; | ... | @@ -2,6 +2,7 @@ import React, { useContext, useEffect, useState } from 'react'; |
2 | import { RouteComponentProps } from 'react-router'; | 2 | import { RouteComponentProps } from 'react-router'; |
3 | import { Footer } from '../components/common/Footer'; | 3 | import { Footer } from '../components/common/Footer'; |
4 | import { MessageResponse, MessageType } from '../components/common/types'; | 4 | import { MessageResponse, MessageType } from '../components/common/types'; |
5 | +import { RoomInfo } from '../components/rooms/RoomInfo'; | ||
5 | import { Room } from '../components/rooms/types'; | 6 | import { Room } from '../components/rooms/types'; |
6 | import SocketContext from '../contexts/SocketContext'; | 7 | import SocketContext from '../contexts/SocketContext'; |
7 | 8 | ||
... | @@ -23,10 +24,11 @@ export const Rooms: React.FC<RouteComponentProps> = ({ history }) => { | ... | @@ -23,10 +24,11 @@ export const Rooms: React.FC<RouteComponentProps> = ({ history }) => { |
23 | useEffect(refreshRooms, []); | 24 | useEffect(refreshRooms, []); |
24 | 25 | ||
25 | return ( | 26 | return ( |
26 | - <div> | 27 | + <div className='flex flex-col items-center w-screen h-screen'> |
27 | - <header>header header</header> | 28 | + <div className='mt-auto w-screen flex flex-col items-center'> |
28 | - <div className='flex items-center'> | 29 | + <RoomInfo name='테스트테스트' currentUsers={3} maxUsers={9} uuid='234234'></RoomInfo> |
29 | - <div>room test</div> | 30 | + <RoomInfo name='테스트테스트' currentUsers={5} maxUsers={9} uuid='234234'></RoomInfo> |
31 | + <RoomInfo name='테스트테스트' currentUsers={9} maxUsers={9} uuid='234234'></RoomInfo> | ||
30 | </div> | 32 | </div> |
31 | <Footer /> | 33 | <Footer /> |
32 | </div> | 34 | </div> | ... | ... |
-
Please register or login to post a comment