Moves over chat

safe/src/app/Chat.tsx → app/components/chat.tsx

@@ -1,9 +1,9 @@
 "use client";
 
 import { useState, useEffect } from "react";
-import ChatNameForm from "@/app/components/ChatNameForm";
-import ChatForm from "./components/ChatForm";
-import { useMultiplayer } from "@/app/providers/multiplayer-context";
+import ChatNameForm from "./chat-name-input";
+import ChatForm from "./chat-message-input";
+import { useMultiplayer } from "~/providers/multiplayer-context";
 
 type ChatMessage = {
   name: string;

app/routes/_index.tsx

@@ -1,6 +1,7 @@
 import type { V2_MetaFunction } from "partymix";
 import Jukebox from "~/components/jukebox";
 import ConnectionBadge from "~/components/connection-badge";
+import Chat from "~/components/chat";
 
 export const meta: V2_MetaFunction = () => {
   return [
@@ -17,6 +18,7 @@ export default function Index() {
     >
       <h1 className="text-4xl font-semibold pb-6 text-stone-300">Loading...</h1>
       <Jukebox />
+      <Chat />
       <ConnectionBadge />
     </main>
   );