diff --git a/client/coral-embed-stream/src/Comment.js b/client/coral-embed-stream/src/Comment.js
index 4c358b99a..bdccb7f66 100644
--- a/client/coral-embed-stream/src/Comment.js
+++ b/client/coral-embed-stream/src/Comment.js
@@ -19,7 +19,6 @@ import FlagComment from 'coral-plugin-flags/FlagComment';
import LikeButton from 'coral-plugin-likes/LikeButton';
import {BestButton, IfUserCanModifyBest, BEST_TAG, commentIsBest, BestIndicator} from 'coral-plugin-best/BestButton';
import LoadMore from 'coral-embed-stream/src/LoadMore';
-import Pluggable from './Pluggable';
import {Slot} from 'coral-framework';
import styles from './Comment.css';
@@ -193,8 +192,8 @@ class Comment extends React.Component {
removeBest={removeBestTag} />
+
-
diff --git a/client/coral-embed-stream/src/Pluggable.js b/client/coral-embed-stream/src/Pluggable.js
deleted file mode 100644
index 5f636c7c5..000000000
--- a/client/coral-embed-stream/src/Pluggable.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import React from 'react';
-import injectedPlugins from 'coral-framework/helpers/importer';
-
-export default function pluginContainer () {
- return (
-
- {
- Object.keys(injectedPlugins).map((component, i) => {
- return injectedPlugins[component]({key: i});
- })
- }
-
- );
-}
diff --git a/client/coral-framework/components/Slot.js b/client/coral-framework/components/Slot.js
index 65a12c668..c711efe56 100644
--- a/client/coral-framework/components/Slot.js
+++ b/client/coral-framework/components/Slot.js
@@ -1,12 +1,15 @@
import React, {Component} from 'react';
-
-// { "slot": "Comment.DetailArea"},
+import injectedPlugins from 'coral-framework/helpers/importer';
class Slot extends Component {
+ componentDidMount() {
+ console.log('Slot Mounted');
+ }
render() {
+ const {slot} = this.props;
return (
- This is a slot
+ {injectedPlugins}
);
}
diff --git a/client/coral-framework/helpers/importer.js b/client/coral-framework/helpers/importer.js
index ae77f472d..196353bcb 100644
--- a/client/coral-framework/helpers/importer.js
+++ b/client/coral-framework/helpers/importer.js
@@ -1,6 +1,6 @@
import {client as clientPlugins} from 'pluginsConfig';
-function importer () {
+function importer (slot) {
let context,
importedFiles;
@@ -66,9 +66,9 @@ function importer () {
return filterByUserConfig(importedFiles)
.filter(key => key.format === 'js')
.reduce((entry, plugin) => {
- entry[plugin.name] = () => context(plugin.key)(getConfig(plugin.name));
+ entry.push(context(plugin.key)(getConfig(plugin.name)))
return entry;
- }, {});
+ }, []);
}
return init();