Sign up and Working username display

src/app/api/user/route.ts

@@ -84,7 +84,7 @@ export async function GET(req: NextRequest) {
       { status: StatusCodes.BAD_REQUEST }
     );
   else {
-    const id = query_id ? query_id : token ? CLIENT_AUTH_TOKENS[token] : null;
+    const id = query_id ? parseInt(query_id) : token ? CLIENT_AUTH_TOKENS[token] : null;
 
     if (!id)
       return NextResponse.json(

src/app/login/page.tsx

@@ -6,6 +6,8 @@ import axios from "axios";
 import { useState } from "react";
 import Cookies from "js-cookie";
 import { redirect } from "next/navigation";
+import { Label } from "@/components/ui/label";
+import Link from "next/link";
 
 export default function Login() {
   const [username, setUsername] = useState("");
@@ -35,7 +37,11 @@ export default function Login() {
           />
         </span>
 
-        <Button className="mt-4" onClick={login}>
+        <Label>
+          Don't have an account? <Link href={"/signup"}>Sign Up</Link>
+        </Label>
+
+        <Button className="mt-2" onClick={login}>
           Login
         </Button>
       </div>

src/app/server/[id]/page.tsx

@@ -8,7 +8,7 @@ import Message from "@/types/message";
 import useUser, { User } from "@/hooks/get-user";
 import Cookies from "js-cookie";
 import axios from "axios";
-import { StringMap } from "@/types/typeUtils";
+import { NumberMap, StringMap } from "@/types/typeUtils";
 import ServerType from "@/types/server";
 
 export default function Server() {
@@ -17,7 +17,7 @@ export default function Server() {
   const wsRef = useRef<WebSocket | null>(null);
   const [messages, setMessages] = useState<Message[]>([]);
   const { user, loading } = useUser();
-  const [userList, setUserList] = useState<StringMap<User>>({});
+  const [userList, setUserList] = useState<NumberMap<User>>({});
 
   useEffect(() => {
     if (!ip || !user || loading) return;
@@ -86,6 +86,7 @@ export default function Server() {
     <AppSidebar server={{ channels: [], ...server } as ServerType}>
       <MessageBox
         userList={userList}
+        setUserList={setUserList}
         messages={messages
           .filter((m) => m.channel_id === "general")
           .toReversed()}