From d139cf08f565bb4764a757d5cfd5997e827e5776 Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Fri, 5 May 2023 12:21:20 -0700
Subject: [PATCH] fix(embeds): import custom theme into chat embeds

---
 web/pages/embed/chat/readonly/index.tsx  | 2 ++
 web/pages/embed/chat/readwrite/index.tsx | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/web/pages/embed/chat/readonly/index.tsx b/web/pages/embed/chat/readonly/index.tsx
index c2c3f1a6a..8a2ea39ee 100644
--- a/web/pages/embed/chat/readonly/index.tsx
+++ b/web/pages/embed/chat/readonly/index.tsx
@@ -7,6 +7,7 @@ import {
   visibleChatMessagesSelector,
   isChatAvailableSelector,
 } from '../../../../components/stores/ClientConfigStore';
+import { Theme } from '../../../../components/theme/Theme';
 
 export default function ReadOnlyChatEmbed() {
   const currentUser = useRecoilValue(currentUserAtom);
@@ -16,6 +17,7 @@ export default function ReadOnlyChatEmbed() {
   return (
     <div>
       <ClientConfigStore />
+      <Theme />
       {currentUser && (
         <ChatContainer
           messages={messages}
diff --git a/web/pages/embed/chat/readwrite/index.tsx b/web/pages/embed/chat/readwrite/index.tsx
index dc090c24e..365e1edb6 100644
--- a/web/pages/embed/chat/readwrite/index.tsx
+++ b/web/pages/embed/chat/readwrite/index.tsx
@@ -16,6 +16,7 @@ import Header from '../../../../components/ui/Header/Header';
 import { ClientConfig } from '../../../../interfaces/client-config.model';
 import { AppStateOptions } from '../../../../components/stores/application-state';
 import { ServerStatus } from '../../../../interfaces/server-status.model';
+import { Theme } from '../../../../components/theme/Theme';
 
 export default function ReadWriteChatEmbed() {
   const currentUser = useRecoilValue(currentUserAtom);
@@ -47,6 +48,7 @@ export default function ReadWriteChatEmbed() {
         `}
       </style>
       <ClientConfigStore />
+      <Theme />
       <Header name={headerText} chatAvailable chatDisabled={chatDisabled} online={videoAvailable} />
       {currentUser && (
         <div id="chat-container">