diff --git a/plugins/talk-plugin-featured-comments/client/components/FeaturedButton.js b/plugins/talk-plugin-featured-comments/client/components/FeaturedButton.js
index 31f7ee32c..0e68b8b70 100644
--- a/plugins/talk-plugin-featured-comments/client/components/FeaturedButton.js
+++ b/plugins/talk-plugin-featured-comments/client/components/FeaturedButton.js
@@ -1,16 +1,32 @@
import React from 'react';
import withTags from './withTags';
+import styles from './styles.css';
+import cn from 'classnames';
+import {t} from 'plugin-api/beta/client/services';
+import {name} from '../../package.json';
+import {Icon} from 'plugin-api/beta/client/components/ui';
-class FeaturedButton extends React.Component {
- render() {
- const {alreadyTagged, deleteTag, postTag} = this.props;
- return (
-
- );
- }
-}
+const FeaturedButton = (props) => {
+ const {alreadyTagged, deleteTag, postTag} = props;
+
+ return (
+
+ );
+};
export default withTags('featured')(FeaturedButton);
-
\ No newline at end of file
+
diff --git a/plugins/talk-plugin-featured-comments/client/components/FeaturedTag.js b/plugins/talk-plugin-featured-comments/client/components/FeaturedTag.js
index 23f62a6d8..5bfaefc74 100644
--- a/plugins/talk-plugin-featured-comments/client/components/FeaturedTag.js
+++ b/plugins/talk-plugin-featured-comments/client/components/FeaturedTag.js
@@ -9,7 +9,7 @@ export default (props) => (
{
isFeatured(props.comment.tags) && props.depth === 0 ? (
- Featured
+ {t('featured')}
) : null
}
diff --git a/plugins/talk-plugin-featured-comments/client/components/styles.css b/plugins/talk-plugin-featured-comments/client/components/styles.css
index e69de29bb..9bca2406c 100644
--- a/plugins/talk-plugin-featured-comments/client/components/styles.css
+++ b/plugins/talk-plugin-featured-comments/client/components/styles.css
@@ -0,0 +1,33 @@
+.button {
+ color: #2a2a2a;
+ margin: 5px 10px 5px 0px;
+ background: none;
+ padding: 0px;
+ border: none;
+ font-size: inherit;
+}
+
+.button:hover {
+ color: #767676;
+ cursor: pointer;
+}
+
+.button.featured {
+ color: #f7917a;
+}
+
+.button.featured:hover {
+ color: #f7917a;
+ cursor: pointer;
+}
+
+.tag {
+ background: #f7917a;
+ font-size: 12px;
+ font-weight: bold;
+ color: white;
+ display: inline-block;
+ margin: 0px 5px;
+ padding: 5px 5px;
+ border-radius: 2px;
+}
\ No newline at end of file
diff --git a/plugins/talk-plugin-featured-comments/client/components/withTags.js b/plugins/talk-plugin-featured-comments/client/components/withTags.js
index 4e7401577..7dff93f65 100644
--- a/plugins/talk-plugin-featured-comments/client/components/withTags.js
+++ b/plugins/talk-plugin-featured-comments/client/components/withTags.js
@@ -113,8 +113,6 @@ export default (tag) => (WrappedComponent) => {
class WithTags extends React.Component {
postTag = () => {
- console.log(this.props);
-
const {comment, asset} = this.props;
this.props.addTag({
@@ -122,8 +120,6 @@ export default (tag) => (WrappedComponent) => {
name: Tag.toUpperCase(),
assetId: asset.id
});
-
- console.log('Post Tag');
}
deleteTag = () => {
@@ -134,12 +130,8 @@ export default (tag) => (WrappedComponent) => {
name: Tag.toUpperCase(),
assetId: asset.id
});
-
- console.log('delete Tag');
}
-
-
-
+
render() {
const {comment} = this.props;
diff --git a/plugins/talk-plugin-featured-comments/client/translations.json b/plugins/talk-plugin-featured-comments/client/translations.json
index 077404aaa..b7904a164 100644
--- a/plugins/talk-plugin-featured-comments/client/translations.json
+++ b/plugins/talk-plugin-featured-comments/client/translations.json
@@ -1,3 +1,10 @@
{
-
+ "en" : {
+ "feature": "Feature",
+ "featured": "Featured"
+ },
+ "es" : {
+ "feature" : "Remarcar",
+ "featured": "Remarcado"
+ }
}
\ No newline at end of file