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

@@ -5,11 +5,11 @@ import { MessageResponse, MessageType } from '../common/types';
 import { RoomData } from '../room/types';
 import { RoomData } from '../room/types';
 import { Room } from './types';
 import { Room } from './types';
 
 
-interface RoomProps {
+interface RoomBlockProps {
   room: Room
   room: Room
 }
 }
 
 
-export const RoomInfo: React.FC<RoomProps> = ({ room }) => {
+export const RoomBlock: React.FC<RoomBlockProps> = ({ room }) => {
   const history = useHistory();
   const history = useHistory();
   const socket = useContext(SocketContext);
   const socket = useContext(SocketContext);
   const joinRoom = () => {
   const joinRoom = () => {

 import React, { useContext, useEffect, useState } from 'react';
 import React, { useContext, useEffect, useState } from 'react';
 import { Main } from '../components/common/Main';
 import { Main } from '../components/common/Main';
 import { MessageResponse, MessageType } from '../components/common/types';
 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 { Room } from '../components/rooms/types';
 import SocketContext from '../contexts/SocketContext';
 import SocketContext from '../contexts/SocketContext';
 
 
@@ -43,7 +43,7 @@ export const Rooms: React.FC = () => {
   return (
   return (
     <Main>
     <Main>
       <div className='mt-auto w-screen flex flex-col items-center'>
       <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>
       </div>
     </Main>
     </Main>
   )
   )