Implementing first draft of FC

plugins/talk-plugin-featured-comments/client/components/Tab.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import {TabCount} from 'plugin-api/beta/client/components/ui';
+
+// TODO: This is just example code, and needs to replaced by an actual implementation.
+export default ({active, asset: {recentComments}}) => (
+  <span>
+    Featured <TabCount active={active} sub>{recentComments.length}</TabCount>
+  </span>
+);

plugins/talk-plugin-featured-comments/client/components/TabPane.js

@@ -0,0 +1,16 @@
+import React from 'react';
+
+// TODO: This is just example code, and needs to replaced by an actual implementation.
+export default ({asset: {recentComments}}) => (
+  <div>
+    {recentComments.map((comment) => (
+      <div key={comment.id}>
+        <div><strong>{comment.user.username}</strong></div>
+        <div>
+          {comment.body}
+        </div>
+        <hr />
+      </div>
+    ))}
+  </div>
+);