put chat logo in ui/logos/opensearch_chat.svg

Signed-off-by: Kawika Avilla <[email protected]>
kavilla · Nov 28, 2023 · 3471370 · 3471370
1 parent 26cfad2
commit 3471370
Show file tree

Hide file tree

Showing 5 changed files with 29 additions and 20 deletions.
diff --git a/src/core/common/logos/get_logos.ts b/src/core/common/logos/get_logos.ts
@@ -24,6 +24,7 @@ export const CENTER_MARK_ON_DARK = 'ui/logos/opensearch_center_mark_on_dark.svg'
 export const ANIMATED_MARK_THEMED = 'ui/logos/opensearch_spinner.svg';
 export const ANIMATED_MARK_ON_LIGHT = 'ui/logos/opensearch_spinner_on_light.svg';
 export const ANIMATED_MARK_ON_DARK = 'ui/logos/opensearch_spinner_on_dark.svg';
+export const CHAT = 'ui/logos/opensearch_chat.svg';
 
 interface AssetOption {
   url?: string;
@@ -94,6 +95,8 @@ export const getLogos = (branding: Branding = {}, serverBasePath: string): Logos
   // OS animated marks
   const defaultLightColorSchemeAnimatedMark = `${serverBasePath}/${ANIMATED_MARK_ON_LIGHT}`;
   const defaultDarkColorSchemeAnimatedMark = `${serverBasePath}/${ANIMATED_MARK_ON_DARK}`;
+  // CHAT logos
+  const defaultChatLogo = `${serverBasePath}/${CHAT}`;
 
   const colorScheme: ColorScheme = darkMode ? ColorScheme.DARK : ColorScheme.LIGHT;
 
@@ -137,6 +140,11 @@ export const getLogos = (branding: Branding = {}, serverBasePath: string): Logos
       { url: defaultLightColorSchemeAnimatedMark, type: ImageType.DEFAULT, colorScheme: ColorScheme.LIGHT },
     ], darkMode),
 
+    Chat: getLogo([
+      { url: defaultChatLogo, type: ImageType.CUSTOM, colorScheme: ColorScheme.DARK },
+      { url: defaultChatLogo, type: ImageType.CUSTOM, colorScheme: ColorScheme.LIGHT },
+    ], darkMode),
+
     colorScheme,
   });
 };
diff --git a/src/core/common/logos/types.ts b/src/core/common/logos/types.ts
@@ -20,6 +20,7 @@ export interface Logos {
    */
   readonly CenterMark: LogoItem;
   readonly AnimatedMark: LogoItem;
+  readonly Chat: LogoItem;
   readonly colorScheme: ColorScheme;
 }
 

diff --git a/src/core/server/core_app/assets/logos/opensearch_chat.svg b/src/core/server/core_app/assets/logos/opensearch_chat.svg
diff --git a/src/plugins/home/public/application/components/homepage/hero_section/get_started.tsx b/src/plugins/home/public/application/components/homepage/hero_section/get_started.tsx
@@ -20,13 +20,13 @@ import {
 import { HeroSection } from './hero_section';
 import illustration from '../../../../assets/illustration.svg';
 import { getServices } from '../../../opensearch_dashboards_services';
-import logo from '../../../../assets/logos/chat.svg';
 import screenshot from '../../../../assets/screenshot.png';
 
 export const GetStartedSection: React.FC<{ olly?: boolean }> = ({ olly = true }) => {
   const services = getServices();
   const getUrl = services.application.getUrlForApp;
   const navigate = services.application.navigateToApp;
+  const logos = services.chrome.logos;
   const heroConfig = services.homeConfig.hero;
   const isHeroEnabled = heroConfig.enabled;
   const prompts = isHeroEnabled ? heroConfig.prompts : [];
@@ -87,7 +87,7 @@ export const GetStartedSection: React.FC<{ olly?: boolean }> = ({ olly = true })
         >
           <EuiFlexGroup direction="row" responsive={false} alignItems="flexStart" gutterSize="s">
             <EuiFlexItem grow={false}>
-              <EuiIcon type={logo} size="l" />
+              <EuiIcon type={logos.Chat.url} size="l" />
             </EuiFlexItem>
             <EuiFlexItem>&quot;{text}&quot;</EuiFlexItem>
           </EuiFlexGroup>

diff --git a/src/plugins/home/public/assets/logos/chat.svg b/src/plugins/home/public/assets/logos/chat.svg