@proca/widget/src/components/bespoke/Download.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 Card from "@material-ui/core/Card";
import CardActions from "@material-ui/core/CardActions";
import CardContent from "@material-ui/core/CardContent";
import Button from "@material-ui/core/Button";
import Typography from "@material-ui/core/Typography";
import SaveIcon from "@material-ui/icons/SaveAlt";
import { useTranslation } from "react-i18next";
import useConfig from "../../hooks/useConfig";

console.error("we should not be used");

const url = (data, param) => {
  let postcardUrl = `https://bffa-pdf.herokuapp.com/?qrcode=${data.contactRef}:${param.actionpage}&country=${data.country}`;
  if (param.pdfUrl) postcardUrl += `&pdf=${encodeURIComponent(param.pdfUrl)}`;
  if (param.marginTop) postcardUrl += `&top=${param.marginTop}`;

  return postcardUrl;
};

function Download(props) {
  const { t } = useTranslation();
  const { config } = useConfig();
  const next = () => {
    if (props.done instanceof Function) props.done();
  };

  const handleDownload = () => {
    const data = config.data;
    data.actionPage = config.actionPage;
    window.open(url(data), "pdf", "toolbar=0,status=0,width=548,height=775");
    next();
  };

  return (
    <Card>
      <CardContent>
        <Typography variant="h5" gutterBottom>
          {t("Thank you")}
        </Typography>
        <p>{t("Download explanation")}</p>
      </CardContent>
      <CardActions>
        <Button
          variant="contained"
          color="primary"
          onClick={handleDownload}
          startIcon={<SaveIcon />}
        >
          {t("Download")}
        </Button>
        <Button onClick={next}>{t("Next")}</Button>
      </CardActions>
    </Card>
  );
}

export default Download;
export { url };