@proca/widget/src/components/Closed.js

Proca is an open-source campaign toolkit designed to empower activists and organisations in their digital advocacy efforts. It provides a flexible and customisable platform for creating and managing online petitions, email campaigns, and other forms of di

import React from "react";
import { useTranslation } from "react-i18next";
import useCount from "@hooks/useCount";
import { Container, Box } from "@material-ui/core";
import { formatNumber } from "@components/ProgressCounter";

import Register from "@components/Register";
import TTag from "@components/TTag";

export default function SignatureForm(props) {
  const { t } = useTranslation();
  const count = useCount();
  return (
    <Container component="div" maxWidth="sm">
      <Box
        bgcolor="primary.main"
        color="primary.contrastText"
        borderRadius="borderRadius"
        p={1}
      >
        <TTag message="campaign:closed" total={formatNumber(count)} />
      </Box>
      <Register {...props} buttonText={t("action.stayInformed")} />
    </Container>
  );
}