Merge pull request #421 from Cognigy/bug/67960-teaser-message-logo

Fixed teaser message not using configured logo

src/webchat-ui/components/presentational/TeaserMessage.tsx

@@ -10,6 +10,7 @@ import { WebchatUIProps } from "../WebchatUI";
 import { IWebchatConfig } from "../../../common/interfaces/webchat-config";
 import { ISendMessageOptions } from "../../../webchat/store/messages/message-middleware";
 import { useMediaQuery } from "react-responsive";
+import { Logo } from "./Header";
 
 const TeaserMessageRoot = styled.div(() => ({
 	position: "fixed",
@@ -62,6 +63,10 @@ const ButtonContainer = styled.div(() => ({
 	},
 }));
 
+const HeaderLogo = styled(Logo)(() => ({
+	marginInline: 0,
+}));
+
 interface ITeaserMessageProps {
 	messageText: string;
 	onClick: () => void;
@@ -114,7 +119,15 @@ export const TeaserMessage = (props: ITeaserMessageProps) => {
 				aria-live="polite"
 			>
 				<TeaserMessageHeader>
-					<CognigyAIAvatar />
+					{config?.settings?.layout?.logoUrl ? (
+						<HeaderLogo
+							src={config?.settings?.layout?.logoUrl}
+							className={"webchat-teaser-message-header-logo"}
+							alt="Chat logo"
+						/>
+					) : (
+						<CognigyAIAvatar alt="Chat logo" />
+					)}
 					<TeaserMessageHeaderContent>
 						<Typography
 							variant="title2-regular"