WebSocket Secure

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

@@ -1,12 +1,11 @@
 "use client";
 
-import { useEffect, useRef, useState } from "react";
+import { useRef, useState } from "react";
 import MessageBox from "@/components/MessageBox";
 import AppSidebar from "@/components/Sidebar";
 import { Message } from "@/types/types";
-import useUser, { User } from "@/hooks/get-user";
-import { NumberMap, StringMap } from "@/types/typeUtils";
-import auth, { makeAddress } from "@/lib/auth";
+import { UserProfile } from "@/hooks/get-user";
+import { StringMap } from "@/types/typeUtils";
 import { useParams } from "next/navigation";
 
 // In this testing instance we are assuming that the target's node is localhost
@@ -16,8 +15,8 @@ export default function DMs() {
   const { id } = useParams<{ id: string }>();
   const wsRef = useRef<WebSocket | null>(null);
   const [messages, setMessages] = useState<Message[]>([]);
-  const [userList, setUserList] = useState<StringMap<User>>({});
-  const [user, setUser] = useState<User | undefined>();
+  const [userList, setUserList] = useState<StringMap<UserProfile>>({});
+  const [user, setUser] = useState<UserProfile | undefined>();
 
   return (
     <AppSidebar

src/app/chat/page.tsx

@@ -2,14 +2,14 @@
 
 import { useRef, useState } from "react";
 import AppSidebar from "@/components/Sidebar";
-import { User } from "@/hooks/get-user";
+import { UserProfile } from "@/hooks/get-user";
 import { StringMap } from "@/types/typeUtils";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import ProfilePicture from "@/components/ProfilePicture";
 
 export default function Chat() {
   const wsRef = useRef<WebSocket | null>(null);
-  const [userList, setUserList] = useState<StringMap<User>>({});
+  const [userList, setUserList] = useState<StringMap<UserProfile>>({});
 
   return (
     <AppSidebar