Web: Files: added banner loader

This commit is contained in:
Viktor Fomin 2021-07-01 13:10:45 +03:00
parent a489e73245
commit 5a07094755

View File

@ -2,8 +2,9 @@ import React from "react";
import { withRouter } from "react-router";
import { withTranslation } from "react-i18next";
import CampaignsBanner from "@appserver/components/campaigns-banner";
import Loaders from "@appserver/common/components/Loaders";
const PureBanner = ({ t }) => {
const PureBanner = ({ t, tReady }) => {
const bannerTypes = [
"Cloud",
"Desktop",
@ -14,15 +15,17 @@ const PureBanner = ({ t }) => {
const type = bannerTypes[Math.floor(Math.random() * bannerTypes.length)];
return (
<CampaignsBanner
headerLabel={t(`CampaignPersonal${type}:Header`)}
subHeaderLabel={t(`CampaignPersonal${type}:SubHeader`)}
img={`/static/images/campaigns.${type}.png`}
btnLabel={t(`CampaignPersonal${type}:ButtonLabel`)}
link={t(`CampaignPersonal${type}:Link`)}
/>
);
if (tReady)
return (
<CampaignsBanner
headerLabel={t(`CampaignPersonal${type}:Header`)}
subHeaderLabel={t(`CampaignPersonal${type}:SubHeader`)}
img={`/static/images/campaigns.${type}.png`}
btnLabel={t(`CampaignPersonal${type}:ButtonLabel`)}
link={t(`CampaignPersonal${type}:Link`)}
/>
);
else return <Loaders.Rectangle />;
};
const Banner = withTranslation([