commands

wax-prosemirror-components/index.js

@@ -34,3 +34,4 @@ export { default as CustomTagInlineOverlayComponent } from './src/components/cus
 export { default as CustomTagBlockComponent } from './src/components/customtag/CustomTagBlockComponent';
 export { default as SaveButton } from './src/components/SaveButton';
 export { default as ReactDropDownStyles } from './src/helpers/ReactDropDownStyles';
+export { default as OENAsideButton } from './src/components/OEN/OENAsideButton';

wax-prosemirror-services/src/OENContainersService/OENAsideLongToolBiography.js

+import React from 'react';
+import { v4 as uuidv4 } from 'uuid';
+import { isEmpty } from 'lodash';
 import { injectable } from 'inversify';
+import { OENAsideButton } from 'wax-prosemirror-components';
 import Tools from '../lib/Tools';
 
 @injectable()
@@ -25,4 +29,17 @@ export default class OENAsideLongToolBiography extends Tools {
   get active() {
     return (state, OENToolsConfig) => {};
   }
+
+  renderTool(view) {
+    if (isEmpty(view)) return null;
+
+    return (
+      <OENAsideButton
+        item={this.toJSON()}
+        key={uuidv4()}
+        type="long biography"
+        view={view}
+      />
+    );
+  }
 }

wax-prosemirror-services/src/OENContainersService/OENAsideLongToolCaseStudy.js

+import React from 'react';
+import { v4 as uuidv4 } from 'uuid';
+import { isEmpty } from 'lodash';
 import { injectable } from 'inversify';
+import { OENAsideButton } from 'wax-prosemirror-components';
 import Tools from '../lib/Tools';
 
 @injectable()
@@ -25,4 +29,17 @@ export default class OENAsideLongToolCaseStudy extends Tools {
   get active() {
     return (state, OENToolsConfig) => {};
   }
+
+  renderTool(view) {
+    if (isEmpty(view)) return null;
+
+    return (
+      <OENAsideButton
+        item={this.toJSON()}
+        key={uuidv4()}
+        type="long case-study"
+        view={view}
+      />
+    );
+  }
 }

wax-prosemirror-services/src/OENContainersService/OENAsideLongToolWorkedExample.js

+import React from 'react';
+import { v4 as uuidv4 } from 'uuid';
+import { isEmpty } from 'lodash';
 import { injectable } from 'inversify';
+import { OENAsideButton } from 'wax-prosemirror-components';
 import Tools from '../lib/Tools';
 
 @injectable()
@@ -25,4 +29,17 @@ export default class OENAsideLongToolWorkedExample extends Tools {
   get active() {
     return (state, OENToolsConfig) => {};
   }
+
+  renderTool(view) {
+    if (isEmpty(view)) return null;
+
+    return (
+      <OENAsideButton
+        item={this.toJSON()}
+        key={uuidv4()}
+        type="long worked-example"
+        view={view}
+      />
+    );
+  }
 }

wax-prosemirror-services/src/OENContainersService/OENAsideShortToolNote.js

+import React from 'react';
+import { v4 as uuidv4 } from 'uuid';
+import { isEmpty } from 'lodash';
 import { injectable } from 'inversify';
+import { OENAsideButton } from 'wax-prosemirror-components';
 import Tools from '../lib/Tools';
 
 @injectable()
@@ -25,4 +29,17 @@ export default class OENAsideShortToolNote extends Tools {
   get active() {
     return (state, OENToolsConfig) => {};
   }
+
+  renderTool(view) {
+    if (isEmpty(view)) return null;
+
+    return (
+      <OENAsideButton
+        item={this.toJSON()}
+        key={uuidv4()}
+        type="short note"
+        view={view}
+      />
+    );
+  }
 }

wax-prosemirror-services/src/OENContainersService/OENAsideShortToolReminder.js

+import React from 'react';
+import { v4 as uuidv4 } from 'uuid';
+import { isEmpty } from 'lodash';
 import { injectable } from 'inversify';
+import { OENAsideButton } from 'wax-prosemirror-components';
 import Tools from '../lib/Tools';
 
 @injectable()
@@ -25,4 +29,17 @@ export default class OENAsideShortToolReminder extends Tools {
   get active() {
     return (state, OENToolsConfig) => {};
   }
+
+  renderTool(view) {
+    if (isEmpty(view)) return null;
+
+    return (
+      <OENAsideButton
+        item={this.toJSON()}
+        key={uuidv4()}
+        type="short reminder"
+        view={view}
+      />
+    );
+  }
 }

wax-prosemirror-services/src/OENContainersService/OENAsideShortToolTip.js

+import React from 'react';
+import { v4 as uuidv4 } from 'uuid';
+import { isEmpty } from 'lodash';
 import { injectable } from 'inversify';
+import { OENAsideButton } from 'wax-prosemirror-components';
 import Tools from '../lib/Tools';
 
 @injectable()
@@ -22,7 +26,16 @@ export default class OENAsideShortToolTip extends Tools {
     };
   }
 
-  get active() {
-    return (state, OENToolsConfig) => {};
+  renderTool(view) {
+    if (isEmpty(view)) return null;
+
+    return (
+      <OENAsideButton
+        item={this.toJSON()}
+        key={uuidv4()}
+        type="short tip"
+        view={view}
+      />
+    );
   }
 }

wax-prosemirror-services/src/OENContainersService/OENAsideShortToolWarning.js

+import React from 'react';
+import { v4 as uuidv4 } from 'uuid';
+import { isEmpty } from 'lodash';
 import { injectable } from 'inversify';
+import { OENAsideButton } from 'wax-prosemirror-components';
 import Tools from '../lib/Tools';
 
 @injectable()
@@ -25,4 +29,17 @@ export default class OENAsideShortToolWarning extends Tools {
   get active() {
     return (state, OENToolsConfig) => {};
   }
+
+  renderTool(view) {
+    if (isEmpty(view)) return null;
+
+    return (
+      <OENAsideButton
+        item={this.toJSON()}
+        key={uuidv4()}
+        type="short warning"
+        view={view}
+      />
+    );
+  }
 }