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 { :
+ {!isActive &&
{i18next.t("Plugin activation time")} {formatFriendlyDateForLocalTimezone(moment.unix((pluginState as any).pluginParams.voteParams.activationTime))}
}