integrate with list page

Author: alisonelizabeth

x-pack/plugins/ingest_pipelines/public/application/sections/pipelines_create/pipelines_create.tsx

@@ -8,6 +8,7 @@ import { RouteComponentProps } from 'react-router-dom';
 import { FormattedMessage } from '@kbn/i18n/react';
 import { EuiPageBody, EuiPageContent, EuiSpacer, EuiTitle } from '@elastic/eui';
 
+import { BASE_PATH } from '../../../../common/constants';
 import { useKibana } from '../../../shared_imports';
 import { PipelineForm } from '../../components';
 
@@ -31,7 +32,7 @@ export const PipelinesCreate: React.FunctionComponent<RouteComponentProps> = ({
       return;
     }
 
-    // TODO navigate back to list page with flyout open
+    history.push(BASE_PATH);
   };
 
   useEffect(() => {
@@ -44,7 +45,7 @@ export const PipelinesCreate: React.FunctionComponent<RouteComponentProps> = ({
         <EuiTitle size="l">
           <h1 data-test-subj="pageTitle">
             <FormattedMessage
-              id="xpack.ingestsPipelines.create.pageTitle"
+              id="xpack.ingestPipelines.create.pageTitle"
               defaultMessage="Create pipeline"
             />
           </h1>

x-pack/plugins/ingest_pipelines/public/application/sections/pipelines_list/table.tsx

@@ -7,6 +7,7 @@ import React, { FunctionComponent } from 'react';
 import { i18n } from '@kbn/i18n';
 import { EuiInMemoryTable, EuiLink, EuiButton } from '@elastic/eui';
 
+import { BASE_PATH } from '../../../../common/constants';
 import { Pipeline } from '../../../../common/types';
 
 export interface Props {
@@ -27,13 +28,30 @@ export const PipelineTable: FunctionComponent<Props> = ({
   return (
     <EuiInMemoryTable
       search={{
-        toolsRight: (
-          <EuiButton iconType="refresh" color="secondary" onClick={onReloadClick}>
+        toolsRight: [
+          <EuiButton
+            key="reloadButton"
+            iconType="refresh"
+            color="secondary"
+            data-test-subj="reloadButton"
+            onClick={onReloadClick}
+          >
             {i18n.translate('xpack.ingestPipelines.list.table.reloadButtonLabel', {
               defaultMessage: 'Reload',
             })}
-          </EuiButton>
-        ),
+          </EuiButton>,
+          <EuiButton
+            href={`#${BASE_PATH}/create`}
+            fill
+            iconType="plusInCircle"
+            data-test-subj="createPipelineButton"
+            key="createPipelineButton"
+          >
+            {i18n.translate('xpack.ingestPipelines.list.table.createPipelineButtonLabel', {
+              defaultMessage: 'Create a pipeline',
+            })}
+          </EuiButton>,
+        ],
         box: {
           incremental: true,
         },

x-pack/plugins/ingest_pipelines/public/application/services/api.ts

@@ -7,7 +7,6 @@ import { HttpSetup } from 'src/core/public';
 
 import { Pipeline } from '../../../common/types';
 import { API_BASE_PATH } from '../../../common/constants';
-import { Pipeline } from '../../../common/types';
 import {
   UseRequestConfig,
   SendRequestConfig,