Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 | import React from "react";
import ReactPlaceholder from "react-placeholder";
import { useTranslation } from "react-i18next";
import NiceModal from "@ebay/nice-modal-react";
import { TextBlock } from "react-placeholder/lib/placeholders";
import StatCard from "@common/StatCard/StatCard";
import { Button } from "@common/Button";
interface Props {
createCampaignTitle: string;
title: string;
totalRows: number;
createModal: string;
stats: any[];
mainStat: any;
statsIsFetching: boolean;
}
const awesomePlaceholder = (
<div className="my-awesome-placeholder" style={{ width: "30%" }}>
<TextBlock rows={7} color="white" />
</div>
);
export const Banner = ({
createCampaignTitle,
createModal,
mainStat,
stats,
title,
statsIsFetching,
}: Props) => {
return (
<ReactPlaceholder
showLoadingAnimation
ready={!statsIsFetching}
customPlaceholder={awesomePlaceholder}
>
<StatCard
title={title}
mainStat={mainStat}
stats={stats}
actions={
<Button onClick={() => NiceModal.show(createModal)}>
{createCampaignTitle}
</Button>
}
/>
</ReactPlaceholder>
);
};
|