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 ?