From 7db84753b77ca74baa194066f6d0dd3e09c260bf Mon Sep 17 00:00:00 2001
From: Viktor Fomin <enotcode@gmail.com>
Date: Mon, 21 Nov 2022 13:56:29 +0500
Subject: [PATCH] Client: PortalSettings: WhiteLabel: add logo options

---
 .../categories/common/Branding/whitelabel.js  | 11 +++-----
 .../PortalSettings/utils/generateLogo.js      | 27 ++++++++++++++++---
 2 files changed, 28 insertions(+), 10 deletions(-)

diff --git a/packages/client/src/pages/PortalSettings/categories/common/Branding/whitelabel.js b/packages/client/src/pages/PortalSettings/categories/common/Branding/whitelabel.js
index fa294cd53c..bb5fcb421e 100644
--- a/packages/client/src/pages/PortalSettings/categories/common/Branding/whitelabel.js
+++ b/packages/client/src/pages/PortalSettings/categories/common/Branding/whitelabel.js
@@ -15,7 +15,7 @@ import WhiteLabelWrapper from "./StyledWhitelabel";
 import LoaderWhiteLabel from "../sub-components/loaderWhiteLabel";
 
 import Logo from "./sub-components/logo";
-import { generateLogo } from "../../../utils/generateLogo";
+import { generateLogo, getLogoOptions } from "../../../utils/generateLogo";
 
 const WhiteLabel = (props) => {
   const {
@@ -59,12 +59,9 @@ const WhiteLabel = (props) => {
     for (let i = 0; i < logoUrlsWhiteLabel.length; i++) {
       const width = logoSizes[i].width / 2;
       const height = logoSizes[i].height / 2;
-      const text =
-        i === 2 || i === 5
-          ? logoTextWhiteLabel.trim().charAt(0)
-          : logoTextWhiteLabel;
-
-      const logo = generateLogo(width, height, text);
+      const options = getLogoOptions(i, logoTextWhiteLabel);
+      console.log(i, logoUrlsWhiteLabel[i]);
+      const logo = generateLogo(width, height, options.text, options.fontSize);
       newLogos.push(logo);
     }
     setLogoUrlsWhiteLabel(newLogos);
diff --git a/packages/client/src/pages/PortalSettings/utils/generateLogo.js b/packages/client/src/pages/PortalSettings/utils/generateLogo.js
index 695d4b52dd..ae7109e653 100644
--- a/packages/client/src/pages/PortalSettings/utils/generateLogo.js
+++ b/packages/client/src/pages/PortalSettings/utils/generateLogo.js
@@ -1,14 +1,35 @@
-export const generateLogo = (width, height, text, fill = "#000") => {
+export const generateLogo = (width, height, text, fontSize = 18) => {
   const canvas = document.createElement("canvas");
   canvas.width = width;
   canvas.height = height;
   const ctx = canvas.getContext("2d");
   ctx.fillStyle = "transparent";
   ctx.clearRect(0, 0, width, height);
-  ctx.fillStyle = fill;
+  ctx.fillStyle = "#000";
   ctx.textAlign = "start";
   ctx.textBaseline = "top";
-  ctx.font = `18px Arial`;
+  ctx.font = `${fontSize}px Arial`;
   ctx.fillText(text, 0, 0);
   return canvas.toDataURL();
 };
+
+export const getLogoOptions = (index, text) => {
+  switch (index) {
+    case 0:
+      return { fontSize: 18, text: text };
+    case 1:
+      return { fontSize: 30, text: text };
+    case 2:
+      return { fontSize: 16, text: text.trim().charAt(0) };
+    case 3:
+      return { fontSize: 12, text: text };
+    case 4:
+      return { fontSize: 12, text: text };
+    case 5:
+      return { fontSize: 30, text: text.trim().charAt(0) };
+    case 6:
+      return { fontSize: 30, text: text };
+    default:
+      return { fontSize: 18, text: text };
+  }
+};