Update Curation page to render the flyout

elastic · Mar 18, 2021 · f232aec · f232aec
1 parent a2fc5c5
commit f232aec
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/...ise_search/public/applications/app_search/components/curations/curation/curation.test.tsx b/...ise_search/public/applications/app_search/components/curations/curation/curation.test.tsx
@@ -22,6 +22,8 @@ import { Loading } from '../../../../shared/loading';
 jest.mock('./curation_logic', () => ({ CurationLogic: jest.fn() }));
 import { CurationLogic } from './curation_logic';
 
+import { AddResultFlyout } from './results';
+
 import { Curation } from './';
 
 describe('Curation', () => {
@@ -31,6 +33,7 @@ describe('Curation', () => {
   const values = {
     dataLoading: false,
     queries: ['query A', 'query B'],
+    isFlyoutOpen: false,
   };
   const actions = {
     loadCuration: jest.fn(),
@@ -60,6 +63,13 @@ describe('Curation', () => {
     expect(wrapper.find(Loading)).toHaveLength(1);
   });
 
+  it('renders the add result flyout when open', () => {
+    setMockValues({ ...values, isFlyoutOpen: true });
+    const wrapper = shallow(<Curation {...props} />);
+
+    expect(wrapper.find(AddResultFlyout)).toHaveLength(1);
+  });
+
   it('initializes CurationLogic with a curationId prop from URL param', () => {
     (useParams as jest.Mock).mockReturnValueOnce({ curationId: 'hello-world' });
     shallow(<Curation {...props} />);

diff --git a/...terprise_search/public/applications/app_search/components/curations/curation/curation.tsx b/...terprise_search/public/applications/app_search/components/curations/curation/curation.tsx
@@ -23,6 +23,7 @@ import { MANAGE_CURATION_TITLE, RESTORE_CONFIRMATION } from '../constants';
 import { CurationLogic } from './curation_logic';
 import { PromotedDocuments, OrganicDocuments, HiddenDocuments } from './documents';
 import { ActiveQuerySelect, ManageQueriesModal } from './queries';
+import { AddResultLogic, AddResultFlyout } from './results';
 
 interface Props {
   curationsBreadcrumb: BreadcrumbTrail;
@@ -32,6 +33,7 @@ export const Curation: React.FC<Props> = ({ curationsBreadcrumb }) => {
   const { curationId } = useParams() as { curationId: string };
   const { loadCuration, resetCuration } = useActions(CurationLogic({ curationId }));
   const { dataLoading, queries } = useValues(CurationLogic({ curationId }));
+  const { isFlyoutOpen } = useValues(AddResultLogic);
 
   useEffect(() => {
     loadCuration();
@@ -77,7 +79,7 @@ export const Curation: React.FC<Props> = ({ curationsBreadcrumb }) => {
       <EuiSpacer />
       <HiddenDocuments />
 
-      {/* TODO: AddResult flyout */}
+      {isFlyoutOpen && <AddResultFlyout />}
     </>
   );
 };