fix: stream-chat css

client/src/components/NotificationsButton.tsx

@@ -40,4 +40,6 @@ const NotificationsButton = ({ initialState }: NotificationsButtonProps) => {
 	)
 }
 
+NotificationsButton.displayName = 'NotificationsButton'
+
 export default NotificationsButton

client/src/components/chats/Channel.tsx

@@ -0,0 +1,19 @@
+'use client'
+
+// import { ChannelHeader, MessageInput, MessageList, Channel as StreamChannel, Window } from 'stream-chat-react'
+
+const Channel = () => {
+	return (
+		<div className="w-full">
+			{/* <StreamChannel>
+				<Window>
+					<ChannelHeader />
+					<MessageList />
+					<MessageInput />
+				</Window>
+			</StreamChannel> */}
+		</div>
+	)
+}
+
+export default Channel

client/src/components/chats/Chat.tsx

@@ -2,8 +2,9 @@
 
 import { useInitializeChatClient } from '@/hooks'
 import { Loader2 } from 'lucide-react'
+import { Sidebar, Channel } from '.'
 // import { Chat as StreamChat } from 'stream-chat-react'
-// import { Sidebar, Channel } from '.'
+
 const Chat = () => {
 	const chatClient = useInitializeChatClient()
 
@@ -13,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">
-			<ChannelList filters={{ type: 'messaging', members: { $in: [user?.id] } }} showChannelSearch />
+		<div className="flex size-full flex-col border-e md:w-72 ring-1">
+			{/* <ChannelList filters={{ type: 'messaging', members: { $in: [user?.id] } }} showChannelSearch /> */}
 		</div>
 	)
 }

client/src/components/chats/index.ts

@@ -1 +1,3 @@
 export { default as Chat } from './Chat'
+export { default as Sidebar } from './Sidebar'
+export { default as Channel } from './Channel'

client/src/components/index.ts

@@ -1,11 +1,11 @@
 export * from './posts'
 export * from './chats'
+export * from './users'
 export { default as Avatar } from './Avatar'
 export { default as Navbar } from './Navbar'
 export { default as Footer } from './Footer'
 export { default as Linkify } from './Linkify'
 export { default as Menubar } from './Menubar'
-export { Button as UserButton } from './users'
 export { default as SearchBar } from './SearchBar'
 export { default as ThemeSwitch } from './ThemeSwitch'
 export { default as AlertButton } from './AlertButton'

client/src/components/users/index.ts

@@ -1,3 +1,4 @@
-export { default as Button } from './Button'
+export { default as UserButton } from './Button'
 export { default as UserTooltip } from './Tooltip'
 export { default as LinkWithTooltip } from './LinkWithTooltip'
+