From 278e1cec1dec481dfc64cd6b588d542280c24c4a Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Mon, 18 Dec 2017 13:42:59 -0300
Subject: [PATCH] done

---
 .../client/components/FeaturedDialog.js       | 66 +++++++++++--------
 1 file changed, 37 insertions(+), 29 deletions(-)

diff --git a/plugins/talk-plugin-featured-comments/client/components/FeaturedDialog.js b/plugins/talk-plugin-featured-comments/client/components/FeaturedDialog.js
index f49148f24..81c054ae8 100644
--- a/plugins/talk-plugin-featured-comments/client/components/FeaturedDialog.js
+++ b/plugins/talk-plugin-featured-comments/client/components/FeaturedDialog.js
@@ -6,35 +6,43 @@ import styles from './FeaturedDialog.css';
 import {t} from 'plugin-api/beta/client/services';
 import Button from 'coral-ui/components/Button';
 
-const FeaturedDialog = ({showFeaturedDialog, closeFeaturedDialog, postTag}) => (
-  <Dialog
-    className={cn(styles.dialog, 'talk-featured-dialog')}
-    id="talkFeaturedDialog"
-    open={showFeaturedDialog}
-    onCancel={closeFeaturedDialog} >
-    <span className={styles.close} onClick={closeFeaturedDialog}>×</span>
-    <h2 className={styles.header}>{t('talk-plugin-featured-comments.feature_comment')}</h2>
-    <div className={styles.content}>
-      {t('talk-plugin-featured-comments.are_you_sure')}
-    </div>
-    <div className={styles.buttons}>
-      <Button
-        className={cn(styles.cancel, 'talk-featured-dialog-button-cancel')}
-        cStyle="cancel"
-        onClick={closeFeaturedDialog}
-        raised >
-        {t('talk-plugin-featured-comments.cancel')}
-      </Button>
-      <Button 
-        className={cn(styles.perform, 'talk-featured-dialog-button-confirm')}
-        cStyle="black"
-        onClick={postTag}
-        raised >
-        {t('talk-plugin-featured-comments.yes_feature_comment')}
-      </Button>
-    </div>
-  </Dialog>
-);
+const FeaturedDialog = ({showFeaturedDialog, closeFeaturedDialog, postTag}) => {
+
+  const onPerform = async () => {
+    await postTag();
+    await closeFeaturedDialog();
+  };
+
+  return (
+    <Dialog
+      className={cn(styles.dialog, 'talk-featured-dialog')}
+      id="talkFeaturedDialog"
+      open={showFeaturedDialog}
+      onCancel={closeFeaturedDialog} >
+      <span className={styles.close} onClick={closeFeaturedDialog}>×</span>
+      <h2 className={styles.header}>{t('talk-plugin-featured-comments.feature_comment')}</h2>
+      <div className={styles.content}>
+        {t('talk-plugin-featured-comments.are_you_sure')}
+      </div>
+      <div className={styles.buttons}>
+        <Button
+          className={cn(styles.cancel, 'talk-featured-dialog-button-cancel')}
+          cStyle="cancel"
+          onClick={closeFeaturedDialog}
+          raised >
+          {t('talk-plugin-featured-comments.cancel')}
+        </Button>
+        <Button 
+          className={cn(styles.perform, 'talk-featured-dialog-button-confirm')}
+          cStyle="black"
+          onClick={onPerform}
+          raised >
+          {t('talk-plugin-featured-comments.yes_feature_comment')}
+        </Button>
+      </div>
+    </Dialog>
+  );
+};
 
 FeaturedDialog.propTypes = {
   showFeaturedDialog: PropTypes.bool.isRequired,