From 5ab4ef3d6c39f1ca84b5f1fe4882dc93765cf580 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=A9mi=20PAILHAREY?= <rpailharey@grandlyon.com>
Date: Tue, 9 May 2023 13:53:23 +0000
Subject: [PATCH] feat: updated mail headers

---
 src/assets/icons/email/ecolyo-icon.png        | Bin 1752 -> 2952 bytes
 src/components/WelcomeModal/WelcomeModal.tsx  |   2 +-
 src/notifications/base/header.hbs             |  31 +++++++++---------
 .../services/monthlyReportNotification.ts     |   2 +-
 4 files changed, 18 insertions(+), 17 deletions(-)

diff --git a/src/assets/icons/email/ecolyo-icon.png b/src/assets/icons/email/ecolyo-icon.png
index 3bea8b789e55546af7891a99764dd79fa2c8cf95..b215384bb4d760748a81517623fc8d9f3dd0c75f 100644
GIT binary patch
delta 2931
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
ZKh4|M@-|(~jDdlH!PC{xWt~$(69DZIup0mX

delta 1722
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

diff --git a/src/components/WelcomeModal/WelcomeModal.tsx b/src/components/WelcomeModal/WelcomeModal.tsx
index 15151c49c..a4fcf032d 100644
--- a/src/components/WelcomeModal/WelcomeModal.tsx
+++ b/src/components/WelcomeModal/WelcomeModal.tsx
@@ -36,7 +36,7 @@ const WelcomeModal = ({ open }: WelcomeModalProps) => {
     const environmentService = new EnvironmentService()
     const baseUrl = environmentService.getPublicURL()
     const template = welcomeTemplate({
-      title: 'Bienvenue sur Ecolyo !',
+      title: 'Bienvenue !',
       username: username,
       baseUrl: baseUrl,
       clientUrl: client.options.uri,
diff --git a/src/notifications/base/header.hbs b/src/notifications/base/header.hbs
index ebd79f038..a587b2fb9 100644
--- a/src/notifications/base/header.hbs
+++ b/src/notifications/base/header.hbs
@@ -1,20 +1,21 @@
-<mj-section background-color='#1B1C22' padding='17px' align='center'>
-  <mj-social
-    css-class='button-with-icon'
-    icon-size='36px'
-    mode='horizontal'
-    font-size='24px'
-    font-weight='normal'
-  >
-    <mj-social-element
-      color='white'
+<mj-section background-color='#1B1C22' padding='17px'>
+  <mj-column>
+    <mj-image
       src='{{baseUrl}}/assets/ecolyo-icon.png'
-      name='ecolyo'
-      padding='0 10px 0 0'
+      width='48px'
+      padding-top='0px'
+    />
+    <mj-text color='white' font-size='24px' font-weight='900' align='center'>
+      Ecolyo
+    </mj-text>
+    <mj-text
+      color='white'
+      font-size='24px'
+      font-weight='400'
       align='center'
-      vertical-align='middle'
+      padding='0px'
     >
       {{title}}
-    </mj-social-element>
-  </mj-social>
+    </mj-text>
+  </mj-column>
 </mj-section>
\ No newline at end of file
diff --git a/src/targets/services/monthlyReportNotification.ts b/src/targets/services/monthlyReportNotification.ts
index db404d87f..65e4a7c66 100644
--- a/src/targets/services/monthlyReportNotification.ts
+++ b/src/targets/services/monthlyReportNotification.ts
@@ -258,7 +258,7 @@ const monthlyReportNotification = async ({
   const baseUrl = environmentService.getPublicURL()
 
   const template = monthlyReportTemplate({
-    title: 'Du nouveau dans votre espace Ecolyo !',
+    title: 'Infos & bilan consos',
     baseUrl: baseUrl,
     username: username,
     clientUrl: url,
-- 
GitLab