feat: messaging

client/package.json

@@ -90,7 +90,7 @@
     "scripts": {
         "build": "next build",
         "dev": "next dev --turbopack",
-        "lint": ".",
+        "lint": "next lint",
         "postinstall": "prisma generate",
         "prisma:deploy": "prisma migrate deploy",
         "prisma:generate": "prisma generate",

client/src/components/chats/Channel.tsx

@@ -5,13 +5,13 @@ import { ChannelHeader, MessageInput, MessageList, Channel as StreamChannel, Win
 const Channel = () => {
 	return (
 		<div className="w-full">
-			{/* <StreamChannel>
+			<StreamChannel>
 				<Window>
 					<ChannelHeader />
 					<MessageList />
 					<MessageInput />
 				</Window>
-			</StreamChannel> */}
+			</StreamChannel>
 		</div>
 	)
 }

client/src/components/chats/Chat.tsx

@@ -3,7 +3,7 @@
 import { useInitializeChatClient } from '@/hooks'
 import { Loader2 } from 'lucide-react'
 import { Sidebar, Channel } from '.'
-// import { Chat as StreamChat } from 'stream-chat-react'
+import { Chat as StreamChat } from 'stream-chat-react'
 
 const Chat = () => {
 	const chatClient = useInitializeChatClient()
@@ -14,10 +14,10 @@ const Chat = () => {
 
 	return (
 		<div className="absolute bottom-0 top-0 flex w-full">
-			{/* <StreamChat client={chatClient}> */}
+			<StreamChat client={chatClient}>
 				<Sidebar />
 				<Channel />
-			{/* </StreamChat> */}
+			</StreamChat>
 		</div>
 	)
 }

client/src/components/chats/Sidebar.tsx

@@ -1,14 +1,14 @@
 'use client'
 
 import { useSession } from '@/hooks'
-// import { ChannelList } from 'stream-chat-react'
+import { ChannelList } from 'stream-chat-react'
 
 const ChatSidebar = () => {
 	const { user } = useSession()
 
 	return (
-		<div className="flex size-full flex-col border-e md:w-72 ring-1">
-			{/* <ChannelList filters={{ type: 'messaging', members: { $in: [user?.id] } }} showChannelSearch /> */}
+		<div className="flex size-full flex-col border-e ring-1 md:w-72">
+			<ChannelList filters={{ type: 'messaging', members: { $in: [user?.id] } }} showChannelSearch />
 		</div>
 	)
 }