Update components/Room.tsx

components/Room.tsx

@@ -13,6 +13,8 @@ import PlaylistMenu from "./playlist/PlaylistMenu"
 import IconLoop from "./icon/IconLoop"
 import InputUrl from "./input/InputUrl"
 import UserList from "./user/UserList"
+import ChatPanel from "./chat/ChatPanel"
+import YoutubeSearch from "./search/YoutubeSearch"
 
 interface Props {
   id: string
@@ -102,6 +104,12 @@ const Room: FC<Props> = ({ id }) => {
           </InputUrl>
         </div>
 
+        {/* Chat + YouTube Search */}
+        <div className="grid grid-cols-1 md:grid-cols-2 gap-2 p-1">
+          <ChatPanel socket={socket} />
+          <YoutubeSearch socket={socket} />
+        </div>
+
         <UserList socket={socket} />
       </div>
 
@@ -110,4 +118,4 @@ const Room: FC<Props> = ({ id }) => {
   )
 }
 
-export default Room
+export default Room