Add theme to ChatView component

GetStream · Sep 10, 2024 · f3d3181 · f3d3181
1 parent b1718a7
commit f3d3181
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/components/ChatView/ChatView.tsx b/src/components/ChatView/ChatView.tsx
@@ -7,6 +7,7 @@ import { useChatContext } from '../../context';
 
 import type { PropsWithChildren } from 'react';
 import type { Thread, ThreadManagerState } from 'stream-chat';
+import clsx from 'clsx';
 
 const availableChatViews = ['channels', 'threads'] as const;
 
@@ -25,11 +26,13 @@ export const ChatView = ({ children }: PropsWithChildren) => {
     'channels',
   );
 
+  const { theme } = useChatContext();
+
   const value = useMemo(() => ({ activeChatView, setActiveChatView }), [activeChatView]);
 
   return (
     <ChatViewContext.Provider value={value}>
-      <div className='str-chat str-chat__chat-view'>{children}</div>
+      <div className={clsx('str-chat', theme, 'str-chat__chat-view')}>{children}</div>
     </ChatViewContext.Provider>
   );
 };