Added logic of trial at header-container

This commit is contained in:
TatianaLopaeva 2020-09-01 10:34:20 +03:00
parent 991cc488d7
commit 35a0cf98c0
2 changed files with 30 additions and 26 deletions

View File

@ -104,6 +104,7 @@ class Body extends React.PureComponent {
culture,
timezone,
utcHoursOffset,
trialMode,
} = this.props;
const {
isVisibleModalDialog,
@ -119,6 +120,7 @@ class Body extends React.PureComponent {
<HeaderContainer
t={t}
expiresDate={expiresDate}
trialMode={trialMode}
languages={languages}
culture={culture}
timezone={timezone}
@ -169,6 +171,7 @@ function mapStateToProps(state) {
helpUrl: state.payments.helpUrl,
buyUrl: state.payments.buyUrl,
expiresDate: state.payments.currentLicense.expiresDate,
trialMode: state.payments.trialLicense.trialMode,
culture: state.auth.settings.culture,
timezone: state.auth.settings.timezone,
utcHoursOffset: state.auth.settings.utcHoursOffset,

View File

@ -4,7 +4,7 @@ import styled from "styled-components";
import moment from "moment";
// import moment "moment/min/moment-with-locales";
import { Text, utils } from "asc-web-components";
import { Error401 } from "asc-web-common";
const { tablet } = utils.device;
const StyledHeader = styled.div`
@ -74,41 +74,42 @@ const HeaderContainer = ({
culture,
timezone,
utcHoursOffset,
trialMode,
}) => {
const moment = require("moment");
require("moment/min/locales.min");
moment.locale(culture);
// expiresDate = ;
const currentUserDate = moment().utcOffset(utcHoursOffset);
return moment(
moment.utc(expiresDate).set("hour", 0).set("minute", 0).set("second", 0)
).isAfter(
currentUserDate.set("hour", 0).set("minute", 0).set("second", 0)
) ? (
<StyledHeader>
<Text className="payments-header">{t("Using")}</Text>
<Text className="payments-header-additional_support">
{t("SubscriptionAndUpdatesExpires")}{" "}
{moment.utc(expiresDate).format("LL")}
{/* Техническая поддержка и обновления недоступны для вашей лицензии с 1
).isAfter(currentUserDate.set("hour", 0).set("minute", 0).set("second", 0))
? !trialMode && (
<StyledHeader>
<Text className="payments-header">{t("Using")}</Text>
<Text className="payments-header-additional_support">
{t("SubscriptionAndUpdatesExpires")}{" "}
{moment.utc(expiresDate).format("LL")}
{/* Техническая поддержка и обновления недоступны для вашей лицензии с 1
марта 2021 года. */}
</Text>
{/* <Text className="payments-header-additional_portals">
</Text>
{/* <Text className="payments-header-additional_portals">
{t("createdPortals")} {createPortals}
</Text> */}
</StyledHeader>
) : (
<StyledHeader>
<Text className="payments-header">{t("Using")}</Text>
<Text className="payments-header-additional_support">
{t("SupportNotAvailable")}
{moment.utc(expiresDate).startOf("day").format("dddd, MMMM D, YYYY")}
</Text>
</StyledHeader>
);
</StyledHeader>
)
: !trialMode && (
<StyledHeader>
<Error401> </Error401>
<Text className="payments-header">{t("Using")}</Text>
<Text className="payments-header-additional_support">
{t("SupportNotAvailable")}
{moment
.utc(expiresDate)
.startOf("day")
.format("dddd, MMMM D, YYYY")}
</Text>
</StyledHeader>
);
};
HeaderContainer.propTypes = {