diff --git a/.changeset/slimy-bobcats-wonder.md b/.changeset/slimy-bobcats-wonder.md new file mode 100644 index 0000000000..e3c2ee3e34 --- /dev/null +++ b/.changeset/slimy-bobcats-wonder.md @@ -0,0 +1,5 @@ +--- +'@commercetools-docs/gatsby-theme-docs': patch +--- + +Apply new branding colors to icons in the AI assistant chat. diff --git a/packages/gatsby-theme-docs/src/modules/ai-assistant/components/chat-messages.jsx b/packages/gatsby-theme-docs/src/modules/ai-assistant/components/chat-messages.jsx index ecdd8fc9a2..efeeb2a320 100644 --- a/packages/gatsby-theme-docs/src/modules/ai-assistant/components/chat-messages.jsx +++ b/packages/gatsby-theme-docs/src/modules/ai-assistant/components/chat-messages.jsx @@ -13,10 +13,10 @@ import { FirstName } from '@commercetools-docs/gatsby-theme-docs'; import { CHAT_ROLE_ASSISTANT, CHAT_ROLE_USER } from './chat.const'; import { getAssistantAvatarIcon } from './chat.utils'; import thumbsUpIcon from '../icons/assistant-thumbs-up.png'; -import thumbsDownIcon from '../icons/assistant-thumbs-down.png' -import thumbsUpIconFilled from '../icons/assistant-thumbs-up-filled.png' -import thumbsDownIconFilled from '../icons/assistant-thumbs-down-filled.png' -import codeIcon from '../icons/assistant-code.png' +import thumbsDownIcon from '../icons/assistant-thumbs-down.png'; +import thumbsUpIconFilled from '../icons/assistant-thumbs-up-filled.png'; +import thumbsDownIconFilled from '../icons/assistant-thumbs-down-filled.png'; +import codeIcon from '../icons/assistant-code.png'; import { DEV_TOOLING_MODE } from './chat-modal'; export const FEEDBACK_UP = 1; @@ -147,14 +147,19 @@ const ChatMessages = (props) => { {props.messages.map((message, index) => (
- + {message.role === 'assistant' ? ( ) : ( - + )} @@ -189,7 +194,7 @@ const ChatMessages = (props) => { } > positive feedback { } > negative feedback { {props.messages.length === 0 && props.chatMode.key === DEV_TOOLING_MODE && ( - code assistant icon + code assistant icon )} diff --git a/packages/gatsby-theme-docs/src/modules/ai-assistant/components/chat.utils.js b/packages/gatsby-theme-docs/src/modules/ai-assistant/components/chat.utils.js index 069e6fe75a..7c48ad2a90 100644 --- a/packages/gatsby-theme-docs/src/modules/ai-assistant/components/chat.utils.js +++ b/packages/gatsby-theme-docs/src/modules/ai-assistant/components/chat.utils.js @@ -2,7 +2,7 @@ import { ALLOWED_EMAIL_DOMAINS, LOCAL_AI_ASSISTANT_STATE_KEY, } from './chat.const'; -import DefaultAvatarIcon from '../icons/assistant-avatar.svg'; +import DefaultAvatarIcon from '../icons/assistant-icon.svg'; import ChefAvatarIcon from '../icons/assistant-chef.svg'; import { DEV_TOOLING_MODE } from './chat-modal'; import { AI_ASSISTANT_LOCALSTORAGE_POST_LOGIN_KEY } from '../hooks/use-ai-assistant'; diff --git a/packages/gatsby-theme-docs/src/modules/ai-assistant/icons/assistant-avatar.svg b/packages/gatsby-theme-docs/src/modules/ai-assistant/icons/assistant-avatar.svg deleted file mode 100644 index 9d723283a5..0000000000 --- a/packages/gatsby-theme-docs/src/modules/ai-assistant/icons/assistant-avatar.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - diff --git a/packages/gatsby-theme-docs/src/modules/ai-assistant/icons/assistant-chef.svg b/packages/gatsby-theme-docs/src/modules/ai-assistant/icons/assistant-chef.svg index 00294a8464..2708fd10fb 100644 --- a/packages/gatsby-theme-docs/src/modules/ai-assistant/icons/assistant-chef.svg +++ b/packages/gatsby-theme-docs/src/modules/ai-assistant/icons/assistant-chef.svg @@ -5,8 +5,8 @@ - - + + diff --git a/packages/gatsby-theme-docs/src/modules/ai-assistant/icons/assistant-thumbs-down-filled.png b/packages/gatsby-theme-docs/src/modules/ai-assistant/icons/assistant-thumbs-down-filled.png index dcda208888..dd9dbed51b 100644 Binary files a/packages/gatsby-theme-docs/src/modules/ai-assistant/icons/assistant-thumbs-down-filled.png and b/packages/gatsby-theme-docs/src/modules/ai-assistant/icons/assistant-thumbs-down-filled.png differ diff --git a/packages/gatsby-theme-docs/src/modules/ai-assistant/icons/assistant-thumbs-down.png b/packages/gatsby-theme-docs/src/modules/ai-assistant/icons/assistant-thumbs-down.png index f83263f0e8..826e60b499 100644 Binary files a/packages/gatsby-theme-docs/src/modules/ai-assistant/icons/assistant-thumbs-down.png and b/packages/gatsby-theme-docs/src/modules/ai-assistant/icons/assistant-thumbs-down.png differ diff --git a/packages/gatsby-theme-docs/src/modules/ai-assistant/icons/assistant-thumbs-up-filled.png b/packages/gatsby-theme-docs/src/modules/ai-assistant/icons/assistant-thumbs-up-filled.png index 60f0e25fc1..69e6649ee4 100644 Binary files a/packages/gatsby-theme-docs/src/modules/ai-assistant/icons/assistant-thumbs-up-filled.png and b/packages/gatsby-theme-docs/src/modules/ai-assistant/icons/assistant-thumbs-up-filled.png differ diff --git a/packages/gatsby-theme-docs/src/modules/ai-assistant/icons/assistant-thumbs-up.png b/packages/gatsby-theme-docs/src/modules/ai-assistant/icons/assistant-thumbs-up.png index 41178703b8..bd97f264ec 100644 Binary files a/packages/gatsby-theme-docs/src/modules/ai-assistant/icons/assistant-thumbs-up.png and b/packages/gatsby-theme-docs/src/modules/ai-assistant/icons/assistant-thumbs-up.png differ diff --git a/packages/gatsby-theme-docs/src/modules/ai-assistant/icons/paper-plane.png b/packages/gatsby-theme-docs/src/modules/ai-assistant/icons/paper-plane.png index dc9c539aef..eac81bf852 100644 Binary files a/packages/gatsby-theme-docs/src/modules/ai-assistant/icons/paper-plane.png and b/packages/gatsby-theme-docs/src/modules/ai-assistant/icons/paper-plane.png differ