Function generateCertificate

src/hooks/useCertGen.ts:46–92

()

  }, []);

  async function generateCertificate() {
    try {
      const existingPdfBytes = await fetch('/certificate.pdf').then((res) =>
        res.arrayBuffer(),
      );
      const pdfDoc = await PDFDocument.load(existingPdfBytes);
      const timesRomanBoldFont = await pdfDoc.embedFont(
        StandardFonts.HelveticaBold,
      );

      const pages = pdfDoc.getPages();
      const firstPage = pages[0];
      const { width, height } = firstPage.getSize();

      const fontSize = 30;
      const textWidth = timesRomanBoldFont.widthOfTextAtSize(
        userName,
        fontSize,
      );
      const xRecipient = (width - textWidth) / 2;
      const yRecipient = height * 0.46;
      firstPage.drawText(capitalizeFirstLetter(userName), {
        x: xRecipient,
        y: yRecipient,
        size: fontSize,
        font: timesRomanBoldFont,
        color: rgb(0, 0, 0),
      });

      const certificateNumberFontSize = 28;
      firstPage.drawText(
        `Certificate No:${certificateDetails.certificateSlug}`,
        {
          x: width * 0.3,
          y: height * 0.12,
          size: certificateNumberFontSize,
          font: timesRomanBoldFont,
          color: rgb(0, 0, 0),
        },
      );

      const pdfDataUri = await pdfDoc.saveAsBase64({ dataUri: true });
      setCertificatePdfUrl(pdfDataUri);
    } catch (error) {
      console.error(error);
    }
  }

  const generateCertificateImage = async (): Promise<void> => {
    try {