From d49a1b24b5d69196c40c6fb741a617e60e2bd8d9 Mon Sep 17 00:00:00 2001
From: Mike Fortman <michael.fortman@datastax.com>
Date: Sat, 30 Nov 2024 12:31:43 -0600
Subject: [PATCH] refactor: Feature flag custom chat icons and custom banner
 spacing changes to stay in sync with DataStax Langflow (#4845)

fix chat icons and custom banner spacing
---
 src/frontend/src/components/common/pageLayout/index.tsx     | 4 ++--
 .../components/chatView/chatMessage/newChatMessage.tsx      | 6 +++++-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/frontend/src/components/common/pageLayout/index.tsx b/src/frontend/src/components/common/pageLayout/index.tsx
index ca6f3c3b1..2e78afbf2 100644
--- a/src/frontend/src/components/common/pageLayout/index.tsx
+++ b/src/frontend/src/components/common/pageLayout/index.tsx
@@ -24,9 +24,9 @@ export default function PageLayout({
   return (
     <div className="flex w-full flex-1 flex-col justify-between overflow-auto overflow-x-hidden bg-background">
       <div className="mx-auto flex w-full max-w-[1440px] flex-1 flex-col">
-        <div className="flex flex-col gap-4 p-6 pt-10">
+        <div className="flex flex-col gap-4 p-6 pt-0">
           <CustomBanner />
-          <div className="flex w-full items-center justify-between gap-4 space-y-0.5 py-2">
+          <div className="flex w-full items-center justify-between gap-4 space-y-0.5 pb-2 pt-10">
             <div className="flex w-full flex-col">
               <div className="flex items-center gap-2">
                 {backTo && (
diff --git a/src/frontend/src/modals/IOModal/components/chatView/chatMessage/newChatMessage.tsx b/src/frontend/src/modals/IOModal/components/chatView/chatMessage/newChatMessage.tsx
index 46de81ac8..2050b0e48 100644
--- a/src/frontend/src/modals/IOModal/components/chatView/chatMessage/newChatMessage.tsx
+++ b/src/frontend/src/modals/IOModal/components/chatView/chatMessage/newChatMessage.tsx
@@ -2,6 +2,8 @@ import { ProfileIcon } from "@/components/core/appHeaderComponent/components/Pro
 import { ContentBlockDisplay } from "@/components/core/chatComponents/ContentBlockDisplay";
 import { TextShimmer } from "@/components/ui/TextShimmer";
 import { useUpdateMessage } from "@/controllers/API/queries/messages";
+import { CustomProfileIcon } from "@/customization/components/custom-profile-icon";
+import { ENABLE_DATASTAX_LANGFLOW } from "@/customization/feature-flags";
 import useFlowsManagerStore from "@/stores/flowsManagerStore";
 import useFlowStore from "@/stores/flowStore";
 import { useUtilityStore } from "@/stores/utilityStore";
@@ -441,8 +443,10 @@ export default function ChatMessage({
                   ) : (
                     <ForwardedIconComponent name={chat.properties.icon} />
                   )
-                ) : (
+                ) : !ENABLE_DATASTAX_LANGFLOW ? (
                   <ProfileIcon />
+                ) : (
+                  <CustomProfileIcon />
                 )}
               </div>
             )}