Adding go to conversation

plugin-api/beta/client/actions/stream.js

@@ -0,0 +1 @@
+export {setActiveTab} from 'coral-embed-stream/src/actions/stream';

plugin-api/beta/client/hocs/index.js

@@ -1,2 +1,3 @@
 export {default as withReaction} from './withReaction';
 export {default as withTags} from './withTags';
+export {default as withFragments} from 'coral-framework/hocs/withFragments';

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

@@ -5,7 +5,7 @@ import {name} from '../../package.json';
 import {timeago} from 'coral-framework/services/i18n';
 import {Icon} from 'plugin-api/beta/client/components/ui';
 
-const FeaturedComment = ({comment}) => {
+const FeaturedComment = ({comment, setActiveTab}) => {
   return (
     <div className={cn(styles.featuredComment, `${name}__featured-comment`)}>
       <blockquote className={cn(styles.quote, `${name}__featured-comment__comment-body`)}>
@@ -20,7 +20,10 @@ const FeaturedComment = ({comment}) => {
             ,{' '}{timeago(comment.created_at)}
           </span>
         </div>
-        <a className={cn(styles.goTo, `${name}__featured-comment__go-to`)}>
+        <a 
+          className={cn(styles.goTo, `${name}__featured-comment__go-to`)}
+          onClick={() => setActiveTab('all')}
+        >
           Go to conversation<Icon name="keyboard_arrow_right" className={styles.goToIcon} />
         </a>
       </footer>

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

@@ -1,8 +1,13 @@
 import React from 'react';
 import FeaturedComment from './FeaturedComment';
 
-export default ({asset: {featuredComments}}) => (
+export default ({asset: {featuredComments}, setActiveTab}) => (
   <div>
-    {featuredComments.nodes.map((comment) => <FeaturedComment key={comment.id} comment={comment} />)}
+    {featuredComments.nodes.map((comment) => 
+      <FeaturedComment 
+        key={comment.id}
+        comment={comment}
+        setActiveTab={setActiveTab} />
+    )}
   </div>
 );

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

@@ -1,8 +1,17 @@
+import {connect} from 'react-redux';
+import {bindActionCreators} from 'redux';
 import {compose, gql} from 'react-apollo';
-import withFragments from 'coral-framework/hocs/withFragments';
 import TabPane from '../components/TabPane';
+import {withFragments} from 'plugin-api/beta/client/hocs';
+import {setActiveTab} from 'plugin-api/beta/client/actions/stream';
+
+const mapDispatchToProps = (dispatch) =>
+  bindActionCreators({
+    setActiveTab,
+  }, dispatch);
 
 const enhance = compose(
+  connect(null, mapDispatchToProps),
   withFragments({
     asset: gql`
       fragment TalkFeatured_TabPane_asset on Asset {