Overnap

RoomInfo 컴포넌트와 그 프롭을 리네임

......@@ -5,11 +5,11 @@ import { MessageResponse, MessageType } from '../common/types';
import { RoomData } from '../room/types';
import { Room } from './types';
interface RoomProps {
interface RoomBlockProps {
room: Room
}
export const RoomInfo: React.FC<RoomProps> = ({ room }) => {
export const RoomBlock: React.FC<RoomBlockProps> = ({ room }) => {
const history = useHistory();
const socket = useContext(SocketContext);
const joinRoom = () => {
......
import React, { useContext, useEffect, useState } from 'react';
import { Main } from '../components/common/Main';
import { MessageResponse, MessageType } from '../components/common/types';
import { RoomInfo } from '../components/rooms/RoomInfo';
import { RoomBlock } from '../components/rooms/RoomBlock';
import { Room } from '../components/rooms/types';
import SocketContext from '../contexts/SocketContext';
......@@ -43,7 +43,7 @@ export const Rooms: React.FC = () => {
return (
<Main>
<div className='mt-auto w-screen flex flex-col items-center'>
{rooms.map((room) => (<RoomInfo key={room.uuid} room={room} />))}
{rooms.map((room) => (<RoomBlock key={room.uuid} room={room} />))}
</div>
</Main>
)
......