From 82a332c787f49c624f6d6da9f3453c0d8885ddd9 Mon Sep 17 00:00:00 2001
From: blackcathacker <douglas.pace@gmail.com>
Date: Sun, 29 Oct 2017 19:48:42 -0700
Subject: [PATCH] disable report button when comment already reported

---
 client/talk-plugin-flags/components/FlagButton.js | 9 ++++++++-
 client/talk-plugin-flags/components/styles.css    | 4 ++++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/client/talk-plugin-flags/components/FlagButton.js b/client/talk-plugin-flags/components/FlagButton.js
index 24c50416a..18db85c03 100644
--- a/client/talk-plugin-flags/components/FlagButton.js
+++ b/client/talk-plugin-flags/components/FlagButton.js
@@ -158,9 +158,16 @@ export default class FlagButton extends Component {
       <ClickOutside onClickOutside={this.handleClickOutside}>
         <div className={`${name}-container`}>
           <button
+            disabled={flagged}
             ref={(ref) => this.flagButton = ref}
             onClick={!this.props.banned && !flaggedByCurrentUser && !localPost ? this.onReportClick : null}
-            className={cn(`${name}-button`, {[`${name}-button-flagged`]: flagged}, styles.button)}>
+            className={
+              cn(`${name}-button`, {
+                [`${name}-button-flagged`]: flagged,
+                [styles.flaggedButton]: flagged
+              },
+              styles.button)}
+          >
             {
               flagged
                 ? <span className={`${name}-button-text`}>{t('reported')}</span>
diff --git a/client/talk-plugin-flags/components/styles.css b/client/talk-plugin-flags/components/styles.css
index 4b28a4f3a..0b128740f 100644
--- a/client/talk-plugin-flags/components/styles.css
+++ b/client/talk-plugin-flags/components/styles.css
@@ -3,6 +3,10 @@
   margin: 5px 0px 5px 10px;
 }
 
+button[disabled] {
+  cursor: default;
+}
+
 .flaggedIcon {
   color: #f00
 }