+ {recentComments.map((comment) => (
+
+
{comment.user.username}
+
+ {comment.body}
+
+
+ ))}
+
+);
diff --git a/plugins/talk-plugin-featured/client/containers/Tab.js b/plugins/talk-plugin-featured/client/containers/Tab.js
new file mode 100644
index 000000000..2a38933c6
--- /dev/null
+++ b/plugins/talk-plugin-featured/client/containers/Tab.js
@@ -0,0 +1,16 @@
+import {compose, gql} from 'react-apollo';
+import withFragments from 'coral-framework/hocs/withFragments';
+import Tab from '../components/Tab';
+
+const enhance = compose(
+ withFragments({
+ asset: gql`
+ fragment TalkFeatured_Tab_asset on Asset {
+ recentComments {
+ id
+ }
+ }`,
+ }),
+);
+
+export default enhance(Tab);
diff --git a/plugins/talk-plugin-featured/client/containers/TabPane.js b/plugins/talk-plugin-featured/client/containers/TabPane.js
new file mode 100644
index 000000000..13046cb00
--- /dev/null
+++ b/plugins/talk-plugin-featured/client/containers/TabPane.js
@@ -0,0 +1,21 @@
+import {compose, gql} from 'react-apollo';
+import withFragments from 'coral-framework/hocs/withFragments';
+import TabPane from '../components/TabPane';
+
+const enhance = compose(
+ withFragments({
+ asset: gql`
+ fragment TalkFeatured_TabPane_asset on Asset {
+ recentComments {
+ id
+ body
+ user {
+ id
+ username
+ }
+ }
+ }`,
+ }),
+);
+
+export default enhance(TabPane);
diff --git a/plugins/talk-plugin-featured/client/index.js b/plugins/talk-plugin-featured/client/index.js
new file mode 100644
index 000000000..69dfaa6cb
--- /dev/null
+++ b/plugins/talk-plugin-featured/client/index.js
@@ -0,0 +1,9 @@
+import Tab from './containers/Tab';
+import TabPane from './containers/TabPane';
+
+export default {
+ slots: {
+ streamTabs: [Tab],
+ streamTabPanes: [TabPane],
+ }
+};
diff --git a/plugins/talk-plugin-featured/index.js b/plugins/talk-plugin-featured/index.js
new file mode 100644
index 000000000..85dfb349b
--- /dev/null
+++ b/plugins/talk-plugin-featured/index.js
@@ -0,0 +1,2 @@
+module.exports = {};
+