diff --git a/src/common/components/panel/panel.tsx b/src/common/components/panel/panel.tsx index 23ce0c0..42e52c9 100644 --- a/src/common/components/panel/panel.tsx +++ b/src/common/components/panel/panel.tsx @@ -1,5 +1,6 @@ import * as React from 'react'; import * as CSSTransitionReplace from 'react-css-transition-replace'; +import {IMarkdownEntry} from '../../../model/trainer/markdownEntry'; export class PanelItem { public panelId: string; @@ -9,16 +10,17 @@ export class PanelItem { interface Props { activePanelId: string; panelList: PanelItem[]; + insertMarkdownEntry?: (markdownEntry: IMarkdownEntry) => void; } -const renderSelectedComponent = ({ activePanelId, panelList }: Props) => { +const renderSelectedComponent = ({ activePanelId, panelList, insertMarkdownEntry }: Props) => { let panelItem =
; const panel = panelList.find((currentPanel) => currentPanel.panelId === activePanelId); if (panel) { const Component = panel.component; if (Component) { - panelItem = ; + panelItem = ; } } diff --git a/src/common/components/panel/spec/panel.spec.tsx b/src/common/components/panel/spec/panel.spec.tsx index e02f974..ac3c71f 100644 --- a/src/common/components/panel/spec/panel.spec.tsx +++ b/src/common/components/panel/spec/panel.spec.tsx @@ -36,14 +36,18 @@ describe('PanelComponent', () => { { panelId: 'panel A', component: innerComponentA }, { panelId: 'panel B', component: innerComponentB }, ]; + const insertMarkdownEntry = sinon.spy(); // Act const panelComponent = shallow( - , + , ); // Assert expect(panelComponent.html()).to.contain('
Inner Component B
'); expect(panelComponent.html()).to.not.contain('
Inner Component A
'); + expect(panelComponent.instance().props.insertMarkdownEntry).not.to.be.undefined; }); }); diff --git a/src/pages/trainer/training/edit/components/editor.tsx b/src/pages/trainer/training/edit/components/editor.tsx index 87be7c9..be6022a 100644 --- a/src/pages/trainer/training/edit/components/editor.tsx +++ b/src/pages/trainer/training/edit/components/editor.tsx @@ -83,7 +83,11 @@ export class EditorComponent extends React.Component { togglePreviewMode={this.props.togglePreviewMode} />
- + { !this.props.showPreview ?