Move "create alert" button from assistantDashboard to alertingDashboard

Signed-off-by: Heng Qian <[email protected]>

public/dependencies/register_assistant.tsx

@@ -4,8 +4,11 @@
  */
 
 import React from 'react';
-import { AssistantSetup } from '../types';
+import { AssistantSetup, TAB_ID } from '../types';
 import AlertContainer from './component/AlertContainer';
+import { EuiButton, EuiFlexGroup, EuiFlexItem } from '@elastic/eui';
+
+const override: TAB_ID = 'override' as TAB_ID;
 
 export const registerAssistantDependencies = (setup?: AssistantSetup) => {
   if (!setup) return;
@@ -16,4 +19,30 @@ export const registerAssistantDependencies = (setup?: AssistantSetup) => {
       <AlertContainer content={rawContent}/>
     );
   });
+
+  setup.registerMessageRenderer('create_alert_button', (content, renderProps) => {
+    const { content: rawContent} = content;
+    const { chatContext } = renderProps;
+    return (<EuiFlexGroup justifyContent="spaceBetween">
+      <EuiFlexItem grow={false}>
+        <EuiButton
+          onClick={() => {
+            if (chatContext) {
+              if (chatContext.selectedTabId !== override) {
+                chatContext.setSelectedTabId(override);
+              }
+              const component = <AlertContainer content={rawContent}/>
+              chatContext.setFlyoutComponent(component);
+              chatContext.setOverrideName('Create Alert');
+            }
+          }}
+          fill
+          isLoading={false}
+          disabled={false}
+        >
+          Create monitor
+        </EuiButton>
+      </EuiFlexItem>
+    </EuiFlexGroup>)
+  });
 };

public/types.ts

@@ -9,4 +9,4 @@
  * It will give a type error when dashboards-assistant is not installed so add a ts-ignore to suppress the error.
  */
 // @ts-ignore
-export type { AssistantSetup, IMessage, RenderProps } from '../../dashboards-assistant/public';
+export type { AssistantSetup, IMessage, RenderProps, TAB_ID } from '../../dashboards-assistant/public';