@proca/widget/src/components/layout/EmailConfirm.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 DeleteIcon from "@material-ui/icons/Delete";
import CheckIcon from "@material-ui/icons/CheckCircleOutline";
import Alert from "@components/Alert";
// used when returning from email confirmation (double opt-in or action confirm)
const EmailConfirm = () => {
  const { t } = useTranslation();
  const params = new URL(window.location.href).searchParams;

  if (
    params.get("proca_confirm") === "accept" ||
    params.get("proca_doi") === "1"
  ) {
    const msg =
      params.get("proca_confirm") === "accept"
        ? t("consent.actionConfirmed")
        : t("consent.optInConfirmed");
    return (
      <Alert severity="success" autoHideDuration={15000} icon={<CheckIcon />}>
        {msg}
      </Alert>
    );
  }
  if (params.get("proca_confirm") === "reject") {
    return (
      <Alert severity="success" autoHideDuration={15000} icon={<DeleteIcon />}>
        {t("consent.actionRejected")}
      </Alert>
    );
  }
  return <></>;
};

export default EmailConfirm;