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
daostack · Aug 6, 2020 · e53dbf3 · e53dbf3
1 parent 19bdc5b
commit e53dbf3
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 8 deletions.
diff --git 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
@@ -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
@@ -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({