From 410cd1edddd29e63b486a65755794c44c4406238 Mon Sep 17 00:00:00 2001
From: simoleo89 <simoleo89@gmail.com>
Date: Sun, 14 Jun 2026 21:47:36 +0200
Subject: [PATCH] fix(chat-input): use the original chat-styles icon (colored)
 in the trigger
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Replace the dynamic bubble-style preview with the hotel's actual chat-styles
icon (styles-icon.png) shown in color, next to the caret — matching the
reference exactly.
---
 .../room/widgets/chat-input/ChatInputStyleSelectorView.tsx  | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/components/room/widgets/chat-input/ChatInputStyleSelectorView.tsx b/src/components/room/widgets/chat-input/ChatInputStyleSelectorView.tsx
index a35f391..3de98ea 100644
--- a/src/components/room/widgets/chat-input/ChatInputStyleSelectorView.tsx
+++ b/src/components/room/widgets/chat-input/ChatInputStyleSelectorView.tsx
@@ -11,7 +11,7 @@ interface ChatInputStyleSelectorViewProps
 
 export const ChatInputStyleSelectorView: FC<ChatInputStyleSelectorViewProps> = props =>
 {
-    const { chatStyleId = 0, chatStyleIds = null, selectChatStyleId = null } = props;
+    const { chatStyleIds = null, selectChatStyleId = null } = props;
     const [ selectorVisible, setSelectorVisible ] = useState(false);
 
     const selectStyle = (styleId: number) =>
@@ -27,9 +27,7 @@ export const ChatInputStyleSelectorView: FC<ChatInputStyleSelectorViewProps> = p
                     <svg className="h-[9px] w-[9px] shrink-0 text-black/70" viewBox="0 0 24 24" fill="none" stroke="currentColor">
                         <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={ 3 } d="M19 9l-7 7-7-7" />
                     </svg>
-                    <div className="relative h-[24px] w-[30px] overflow-hidden pointer-events-none">
-                        <div className={ `chat-bubble bubble-${ chatStyleId } absolute left-0 top-[1px] h-[22px] w-[52px]` } />
-                    </div>
+                    <div className="nitro-icon chatstyles-icon" style={ { filter: 'none' } } />
                 </div>
             </Popover.Trigger>
             <Popover.Portal>