From 4c68b330dbc7ec789c07c5acfe18eaf3009da642 Mon Sep 17 00:00:00 2001
From: Viktor Fomin <viktor.fomin@onlyoffice.com>
Date: Mon, 22 Jul 2024 14:38:58 +0300
Subject: [PATCH] Client: Branding: add offset for editor logo

---
 .../categories/common/Branding/whitelabel.js           |  2 ++
 .../src/pages/PortalSettings/utils/whiteLabelHelper.js | 10 ++++++++--
 2 files changed, 10 insertions(+), 2 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 417ba30869..e29e9d4b46 100644
--- a/packages/client/src/pages/PortalSettings/categories/common/Branding/whitelabel.js
+++ b/packages/client/src/pages/PortalSettings/categories/common/Branding/whitelabel.js
@@ -179,6 +179,7 @@ const WhiteLabel = (props) => {
         options.fontSize,
         isDocsEditorName ? "#fff" : "#000",
         options.alignCenter,
+        options.isEditor,
       );
       const logoDark = generateLogo(
         options.width,
@@ -187,6 +188,7 @@ const WhiteLabel = (props) => {
         options.fontSize,
         "#fff",
         options.alignCenter,
+        options.isEditor,
       );
       newLogos[i].path.light = logoLight;
       newLogos[i].path.dark = logoDark;
diff --git a/packages/client/src/pages/PortalSettings/utils/whiteLabelHelper.js b/packages/client/src/pages/PortalSettings/utils/whiteLabelHelper.js
index 25d7bae048..52a6e90f78 100644
--- a/packages/client/src/pages/PortalSettings/utils/whiteLabelHelper.js
+++ b/packages/client/src/pages/PortalSettings/utils/whiteLabelHelper.js
@@ -34,14 +34,16 @@ export const generateLogo = (
   text,
   fontSize = 18,
   fontColor = "#000",
-  alignCenter,
+  alignCenter = false,
+  isEditor = false,
 ) => {
   const canvas = document.createElement("canvas");
   canvas.width = width;
   canvas.height = height;
 
+  console.log("isEditor", isEditor);
   const ctx = canvas.getContext("2d");
-  const x = alignCenter ? width / 2 : 0;
+  const x = alignCenter ? width / 2 : isEditor ? 10 : 0;
   const y = (height - fontSize) / 2;
   ctx.fillStyle = "transparent";
   ctx.clearRect(0, 0, width, height);
@@ -87,6 +89,8 @@ export const getLogoOptions = (index, text, width, height) => {
         text,
         width,
         height,
+        alignCenter: false,
+        isEditor: true,
       };
     case 4:
       return {
@@ -94,6 +98,8 @@ export const getLogoOptions = (index, text, width, height) => {
         text,
         width,
         height,
+        alignCenter: false,
+        isEditor: true,
       };
     case 5:
       return {