@proca/widget/src/components/Petition.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 EmailConfirm from "@components/layout/EmailConfirm";
import ProgressCounter from "@components/ProgressCounter";
import Register from "@components/Register";
import Closed from "@components/Closed";
import { useCampaignConfig } from "@hooks/useConfig";

export default function SignatureForm(props) {
  const { t } = useTranslation();
  const config = useCampaignConfig();
  if (config.component.widget?.closed) return <Closed />;

  const buttonLabel = config.component.register?.button || "action.sign";
  return (
    <React.Fragment>
      <EmailConfirm />
      <ProgressCounter actionPage={props.actionPage} />
      <Register {...props} buttonText={t(buttonLabel)} />
    </React.Fragment>
  );
}