Added logic of trial at header-container
This commit is contained in:
parent
991cc488d7
commit
35a0cf98c0
@ -104,6 +104,7 @@ class Body extends React.PureComponent {
|
|||||||
culture,
|
culture,
|
||||||
timezone,
|
timezone,
|
||||||
utcHoursOffset,
|
utcHoursOffset,
|
||||||
|
trialMode,
|
||||||
} = this.props;
|
} = this.props;
|
||||||
const {
|
const {
|
||||||
isVisibleModalDialog,
|
isVisibleModalDialog,
|
||||||
@ -119,6 +120,7 @@ class Body extends React.PureComponent {
|
|||||||
<HeaderContainer
|
<HeaderContainer
|
||||||
t={t}
|
t={t}
|
||||||
expiresDate={expiresDate}
|
expiresDate={expiresDate}
|
||||||
|
trialMode={trialMode}
|
||||||
languages={languages}
|
languages={languages}
|
||||||
culture={culture}
|
culture={culture}
|
||||||
timezone={timezone}
|
timezone={timezone}
|
||||||
@ -169,6 +171,7 @@ function mapStateToProps(state) {
|
|||||||
helpUrl: state.payments.helpUrl,
|
helpUrl: state.payments.helpUrl,
|
||||||
buyUrl: state.payments.buyUrl,
|
buyUrl: state.payments.buyUrl,
|
||||||
expiresDate: state.payments.currentLicense.expiresDate,
|
expiresDate: state.payments.currentLicense.expiresDate,
|
||||||
|
trialMode: state.payments.trialLicense.trialMode,
|
||||||
culture: state.auth.settings.culture,
|
culture: state.auth.settings.culture,
|
||||||
timezone: state.auth.settings.timezone,
|
timezone: state.auth.settings.timezone,
|
||||||
utcHoursOffset: state.auth.settings.utcHoursOffset,
|
utcHoursOffset: state.auth.settings.utcHoursOffset,
|
||||||
|
@ -4,7 +4,7 @@ import styled from "styled-components";
|
|||||||
import moment from "moment";
|
import moment from "moment";
|
||||||
// import moment "moment/min/moment-with-locales";
|
// import moment "moment/min/moment-with-locales";
|
||||||
import { Text, utils } from "asc-web-components";
|
import { Text, utils } from "asc-web-components";
|
||||||
|
import { Error401 } from "asc-web-common";
|
||||||
const { tablet } = utils.device;
|
const { tablet } = utils.device;
|
||||||
|
|
||||||
const StyledHeader = styled.div`
|
const StyledHeader = styled.div`
|
||||||
@ -74,41 +74,42 @@ const HeaderContainer = ({
|
|||||||
culture,
|
culture,
|
||||||
timezone,
|
timezone,
|
||||||
utcHoursOffset,
|
utcHoursOffset,
|
||||||
|
trialMode,
|
||||||
}) => {
|
}) => {
|
||||||
const moment = require("moment");
|
const moment = require("moment");
|
||||||
require("moment/min/locales.min");
|
require("moment/min/locales.min");
|
||||||
moment.locale(culture);
|
moment.locale(culture);
|
||||||
|
|
||||||
// expiresDate = ;
|
|
||||||
|
|
||||||
const currentUserDate = moment().utcOffset(utcHoursOffset);
|
const currentUserDate = moment().utcOffset(utcHoursOffset);
|
||||||
|
|
||||||
return moment(
|
return moment(
|
||||||
moment.utc(expiresDate).set("hour", 0).set("minute", 0).set("second", 0)
|
moment.utc(expiresDate).set("hour", 0).set("minute", 0).set("second", 0)
|
||||||
).isAfter(
|
).isAfter(currentUserDate.set("hour", 0).set("minute", 0).set("second", 0))
|
||||||
currentUserDate.set("hour", 0).set("minute", 0).set("second", 0)
|
? !trialMode && (
|
||||||
) ? (
|
<StyledHeader>
|
||||||
<StyledHeader>
|
<Text className="payments-header">{t("Using")}</Text>
|
||||||
<Text className="payments-header">{t("Using")}</Text>
|
<Text className="payments-header-additional_support">
|
||||||
<Text className="payments-header-additional_support">
|
{t("SubscriptionAndUpdatesExpires")}{" "}
|
||||||
{t("SubscriptionAndUpdatesExpires")}{" "}
|
{moment.utc(expiresDate).format("LL")}
|
||||||
{moment.utc(expiresDate).format("LL")}
|
{/* Техническая поддержка и обновления недоступны для вашей лицензии с 1
|
||||||
{/* Техническая поддержка и обновления недоступны для вашей лицензии с 1
|
|
||||||
марта 2021 года. */}
|
марта 2021 года. */}
|
||||||
</Text>
|
</Text>
|
||||||
{/* <Text className="payments-header-additional_portals">
|
{/* <Text className="payments-header-additional_portals">
|
||||||
{t("createdPortals")} {createPortals}
|
{t("createdPortals")} {createPortals}
|
||||||
</Text> */}
|
</Text> */}
|
||||||
</StyledHeader>
|
</StyledHeader>
|
||||||
) : (
|
)
|
||||||
<StyledHeader>
|
: !trialMode && (
|
||||||
<Text className="payments-header">{t("Using")}</Text>
|
<StyledHeader>
|
||||||
<Text className="payments-header-additional_support">
|
<Error401> </Error401>
|
||||||
{t("SupportNotAvailable")}
|
<Text className="payments-header">{t("Using")}</Text>
|
||||||
{moment.utc(expiresDate).startOf("day").format("dddd, MMMM D, YYYY")}
|
<Text className="payments-header-additional_support">
|
||||||
</Text>
|
{t("SupportNotAvailable")}
|
||||||
</StyledHeader>
|
{moment
|
||||||
);
|
.utc(expiresDate)
|
||||||
|
.startOf("day")
|
||||||
|
.format("dddd, MMMM D, YYYY")}
|
||||||
|
</Text>
|
||||||
|
</StyledHeader>
|
||||||
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
HeaderContainer.propTypes = {
|
HeaderContainer.propTypes = {
|
||||||
|
Loading…
Reference in New Issue
Block a user