From e53dbf3ffc5e1681d193f9ba2c66c36cd15ac89f Mon Sep 17 00:00:00 2001
From: roienatan <34843014+roienatan@users.noreply.github.com>
Date: Thu, 6 Aug 2020 23:02:44 +0300
Subject: [PATCH] New proposal button is now disabled when a plugin is not
 activated yet (#2045)

* New proposal button is now disabled when a plugin is not activated yet ; Activation time added in tooltip

* message right on the page instead of a tootltip
---
 src/assets/locales/en/translation.json    |  3 ++-
 src/components/Plugin/Plugin.scss         | 20 +++++++++++++-------
 src/components/Plugin/PluginContainer.tsx |  3 +++
 3 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/src/assets/locales/en/translation.json b/src/assets/locales/en/translation.json
index 198b44ca0..7520f7fc2 100644
--- a/src/assets/locales/en/translation.json
+++ b/src/assets/locales/en/translation.json
@@ -26,5 +26,6 @@
     "Sort by": "Sort by:",
     "Name": "Name",
     "ETH Balance": "ETH Balance",
-    "Members": "Members"
+    "Members": "Members",
+    "Plugin activation time": "The plugin will be activated at"
 }
diff --git a/src/components/Plugin/Plugin.scss b/src/components/Plugin/Plugin.scss
index 5bb903bb5..210010c8e 100644
--- a/src/components/Plugin/Plugin.scss
+++ b/src/components/Plugin/Plugin.scss
@@ -64,6 +64,8 @@
     .editPlugin,
     .createProposal {
       align-self: center;
+      display: flex;
+      align-items: center;
 
       a {
         padding: 8px 15px;
@@ -77,13 +79,17 @@
         &:hover {
           opacity: 0.8;
         }
-
-        .disabled,
-        .disabled:hover {
-          background-color: $disabled-button-background-color;
-          border: $disabled-button-border;
-          cursor: not-allowed;
-        }
+      }
+      .disabled,
+      .disabled:hover {
+        background-color: $disabled-button-color;
+        border: $disabled-button-border;
+        cursor: not-allowed;
+      }
+      .activationTime {
+        font-size: $caption;
+        color: $gray-3;
+        margin-right: 10px;
       }
     }
   }
diff --git a/src/components/Plugin/PluginContainer.tsx b/src/components/Plugin/PluginContainer.tsx
index ac9d56785..2ceca7cc0 100644
--- a/src/components/Plugin/PluginContainer.tsx
+++ b/src/components/Plugin/PluginContainer.tsx
@@ -23,6 +23,8 @@ import PluginProposalsPage from "./PluginProposalsPage";
 import PluginOpenBountyPage from "./PluginOpenBountyPage";
 import * as css from "./Plugin.scss";
 import i18next from "i18next";
+import moment = require("moment");
+import { formatFriendlyDateForLocalTimezone } from "lib/util";
 
 interface IDispatchProps {
   showNotification: typeof showNotification;
@@ -223,6 +225,7 @@ class PluginContainer extends React.Component<IProps, IState> {
                   </div>
                   :
                   <div className={css.createProposal}>
+                    {!isActive && <div className={css.activationTime}>{i18next.t("Plugin activation time")} {formatFriendlyDateForLocalTimezone(moment.unix((pluginState as any).pluginParams.voteParams.activationTime))}</div>}
                     <TrainingTooltip placement="topRight" overlay={i18next.t("New Proposal Button Tooltip")}>
                       <a className={
                         classNames({