Merge pull request #3417 from RedisInsight/fe/feature/RI-5782

#RI-5782 - update messages

Author: rsergeenko

redisinsight/ui/src/components/side-panels/panels/ai-assistant/components/expert-chat/ExpertChat.spec.tsx

@@ -233,7 +233,7 @@ describe('ExpertChat', () => {
     (sendEventTelemetry as jest.Mock).mockRestore()
   })
 
-  it('should call proper actions after click tutorial in the initial message', async () => {
+  it.skip('should call proper actions after click tutorial in the initial message', async () => {
     const sendEventTelemetryMock = jest.fn();
     (sendEventTelemetry as jest.Mock).mockImplementation(() => sendEventTelemetryMock);
 

redisinsight/ui/src/components/side-panels/panels/ai-assistant/components/expert-chat/ExpertChat.tsx

@@ -22,9 +22,8 @@ import { openTutorialByPath } from 'uiSrc/slices/panels/sidePanels'
 import { SAMPLE_DATA_TUTORIAL } from 'uiSrc/constants'
 import NoIndexesInitialMessage from './components/no-indexes-initial-message'
 import ExpertChatHeader from './components/expert-chat-header'
-import InitialMessage from './components/initial-message'
 
-import { EXPERT_CHAT_AGREEMENTS } from '../texts'
+import { EXPERT_CHAT_AGREEMENTS, EXPERT_CHAT_INITIAL_MESSAGE } from '../texts'
 import { ChatForm, ChatHistory } from '../shared'
 
 import styles from './styles.module.scss'
@@ -231,7 +230,7 @@ const ExpertChat = () => {
           modules={modules}
           initialMessage={isNoIndexes
             ? <NoIndexesInitialMessage onClickTutorial={handleClickTutorial} onSuccess={getIndexes} />
-            : <InitialMessage onClickTutorial={handleClickTutorial} />}
+            : EXPERT_CHAT_INITIAL_MESSAGE}
           inProgressMessage={inProgressMessage}
           history={messages}
           scrollDivRef={scrollDivRef}

redisinsight/ui/src/components/side-panels/panels/ai-assistant/components/expert-chat/components/initial-message/InitialMessage.tsx

@@ -24,12 +24,7 @@ const NoIndexesInitialMessage = (props: Props) => {
       <EuiText size="xs">Hi!</EuiText>
       <EuiText size="xs">I am here to help you get started with data querying. I noticed that you have no indexes created.</EuiText>
       <EuiSpacer />
-      <EuiText size="xs">Would you like to load the sample data to see what Redis Copilot can help you do?</EuiText>
-      <EuiSpacer />
-      <LoadSampleData anchorClassName={styles.anchorClassName} onSuccess={onSuccess} />
-      <EuiSpacer />
-      <EuiText size="xs">
-        Explore several common Redis use cases with our
+      <EuiText size="xs">Would you like to load the sample data and indexes (from this
         {' '}
         <EuiLink
           color="subdued"
@@ -40,8 +35,11 @@ const NoIndexesInitialMessage = (props: Props) => {
         >
           tutorial
         </EuiLink>
-        , utilizing the provided sample data.
+        ) to see what Redis Copilot can help you do?
       </EuiText>
+      <EuiSpacer />
+      <LoadSampleData anchorClassName={styles.anchorClassName} onSuccess={onSuccess} />
+      <EuiSpacer />
     </div>
   )
 }

redisinsight/ui/src/components/side-panels/panels/ai-assistant/components/expert-chat/components/initial-message/index.ts

@@ -79,3 +79,13 @@ export const EXPERT_CHAT_AGREEMENTS = (
     </EuiText>
   </>
 )
+
+export const EXPERT_CHAT_INITIAL_MESSAGE = (
+  <>
+    <EuiText size="xs">Welcome!</EuiText>
+    <EuiText size="xs">I am here to help you get started with data querying.</EuiText>
+    <EuiText size="xs">Type <b>/help</b> to get more info on what questions I can answer.</EuiText>
+    <EuiSpacer />
+    <EuiText size="xs">With <span style={{ color: 'red' }}>&hearts;</span>, your Redis Copilot!</EuiText>
+  </>
+)

redisinsight/ui/src/components/side-panels/panels/ai-assistant/components/expert-chat/components/no-indexes-initial-message/NoIndexesInitialMessage.tsx

@@ -4,6 +4,7 @@
   height: 100%;
   width: 100%;
   position: relative;
+  overflow: hidden;
 }
 
 .mainPanel {