Change button text from New Report to Analyze, and the empty reports message accordingly (#4681)

Author: dantovska

redisinsight/ui/src/pages/database-analysis/components/empty-analysis-message/EmptyAnalysisMessage.tsx

@@ -15,7 +15,7 @@ interface Props {
 const emptyMessageContent: { [key in EmptyMessage]: Content } = {
   [EmptyMessage.Reports]: {
     title: 'No Reports found',
-    text: () => 'Run "New Analysis" to generate first report.',
+    text: () => 'Click "Analyze" to generate the first report.',
   },
   [EmptyMessage.Keys]: {
     title: 'No keys to display',

redisinsight/ui/src/pages/database-analysis/components/header/Header.spec.tsx

@@ -103,13 +103,15 @@ describe('DatabaseAnalysisHeader', () => {
 
     expect(screen.getByTestId('analysis-progress')).toBeInTheDocument()
   })
+
   it('should call "getDBAnalysis" action be called after click "start-database-analysis-btn"', () => {
     render(<Header {...instance(mockedProps)} />)
     fireEvent.click(screen.getByTestId('start-database-analysis-btn'))
 
     const expectedActions = [getDBAnalysis()]
     expect(store.getActions()).toEqual(expectedActions)
   })
+
   it('should send telemetry event after click "new analysis" btn', async () => {
     const sendEventTelemetryMock = jest.fn()
 
@@ -131,6 +133,16 @@ describe('DatabaseAnalysisHeader', () => {
     ;(sendEventTelemetry as jest.Mock).mockRestore()
   })
 
+  it('should show "Analyze" text on the start analysis button', async () => {
+    render(
+      <Header {...instance(mockedProps)} items={mockReports} progress={mockProgress} />,
+    )
+
+    const analizeButtonId = screen.getByTestId('start-database-analysis-btn')
+    expect(analizeButtonId).toBeInTheDocument()
+    expect(analizeButtonId).toHaveTextContent('Analyze')
+  })
+
   it.skip('should call onChangeSelectedAnalysis after change selector', async () => {
     const onChangeSelectedAnalysis = jest.fn()
 

redisinsight/ui/src/pages/database-analysis/components/header/Header.tsx

@@ -161,7 +161,7 @@ const Header = (props: Props) => {
                 onClick={handleClick}
                 size="s"
               >
-                New Report
+                Analyze
               </EuiButton>
             </FlexItem>
             <FlexItem style={{ paddingLeft: 6 }}>