From 155cd3793e9d7499dccc6a7cbd695a27d1100f69 Mon Sep 17 00:00:00 2001
From: wickathou <javier@enddesign.co>
Date: Mon, 20 May 2024 14:53:50 +0300
Subject: [PATCH] Added center align functionality for string text on
 certificates

---
 frontend/src/utils/modifyPdf.js | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/frontend/src/utils/modifyPdf.js b/frontend/src/utils/modifyPdf.js
index 0b6e20732..114a5fe7d 100644
--- a/frontend/src/utils/modifyPdf.js
+++ b/frontend/src/utils/modifyPdf.js
@@ -51,25 +51,31 @@ const modifyPdf = async (
 
     const text = name
     const participantNamesize = 20
+    const participantNameTextWidth = font.widthOfTextAtSize(
+        text,
+        participantNamesize,
+    )
 
     page.drawText(text, {
-        x: x,
+        x: x - participantNameTextWidth / 2,
         y: y,
         size: participantNamesize,
         font: font,
-        align: 'center',
         color: participantNameColor,
     })
 
     if (enableRegistrationId) {
         const registrationIdTextSize = 10
         const registrationIdColorRgb = colorConvertToRgb(registrationIdColor)
+        const registrationIdTextWidth = font.widthOfTextAtSize(
+            registrationId,
+            registrationIdTextSize,
+        )
         page.drawText(registrationId, {
-            x: registrationIdX,
+            x: registrationIdX - registrationIdTextWidth / 2,
             y: registrationIdY,
             size: registrationIdTextSize,
             font: font,
-            align: 'center',
             color: registrationIdColorRgb,
         })
     }