diff --git a/plugins/talk-plugin-featured-comments/client/components/Tag.js b/plugins/talk-plugin-featured-comments/client/components/Tag.js
index 562606502..a8ee80417 100644
--- a/plugins/talk-plugin-featured-comments/client/components/Tag.js
+++ b/plugins/talk-plugin-featured-comments/client/components/Tag.js
@@ -3,7 +3,6 @@ import cn from 'classnames';
import styles from './Tag.css';
import Tooltip from './Tooltip';
import {t} from 'plugin-api/beta/client/services';
-import {isTagged} from 'plugin-api/beta/client/utils';
export default class Tag extends React.Component {
constructor() {
@@ -35,14 +34,10 @@ export default class Tag extends React.Component {
- {
- isTagged(this.props.comment.tags, 'FEATURED') ? (
-
- {t('talk-plugin-featured-comments.featured')}
-
- ) : null
- }
+
+ {t('talk-plugin-featured-comments.featured')}
+
{tooltip && }
);
diff --git a/plugins/talk-plugin-featured-comments/client/containers/Tag.js b/plugins/talk-plugin-featured-comments/client/containers/Tag.js
index 60d9e1e2b..902591875 100644
--- a/plugins/talk-plugin-featured-comments/client/containers/Tag.js
+++ b/plugins/talk-plugin-featured-comments/client/containers/Tag.js
@@ -1,15 +1,18 @@
-import {gql} from 'react-apollo';
+import {compose, gql} from 'react-apollo';
import Tag from '../components/Tag';
-import {withFragments} from 'plugin-api/beta/client/hocs';
+import {isTagged} from 'plugin-api/beta/client/utils';
+import {withFragments, excludeIf} from 'plugin-api/beta/client/hocs';
-export default withFragments({
- comment: gql`
- fragment TalkFeaturedComments_Tag_comment on Comment {
- tags {
- tag {
- name
+export default compose(
+ withFragments({
+ comment: gql`
+ fragment TalkFeaturedComments_Tag_comment on Comment {
+ tags {
+ tag {
+ name
+ }
}
}
- }
- `
-})(Tag);
+ `}),
+ excludeIf((props) => !isTagged(props.comment.tags, 'FEATURED'))
+)(Tag);