diff --git a/src/assets/icons/email/pwa_android.gif b/src/assets/icons/email/pwa_android.gif new file mode 100644 index 0000000000000000000000000000000000000000..35c61ebbbc6f273d6e1b36353d2e11bb52d80939 Binary files /dev/null and b/src/assets/icons/email/pwa_android.gif differ diff --git a/src/assets/icons/email/pwa_ios.gif b/src/assets/icons/email/pwa_ios.gif new file mode 100644 index 0000000000000000000000000000000000000000..8dcdd7bc86c6d0110f130a4a40bab26fe4b42b5b Binary files /dev/null and b/src/assets/icons/email/pwa_ios.gif differ diff --git a/src/components/WelcomeModal/WelcomeModal.tsx b/src/components/WelcomeModal/WelcomeModal.tsx index 3636741e92360d3c206b92a65c280f9ed6984e9e..15151c49c856b9431d9cb66d1db7a2d94d0c483b 100644 --- a/src/components/WelcomeModal/WelcomeModal.tsx +++ b/src/components/WelcomeModal/WelcomeModal.tsx @@ -48,6 +48,8 @@ const WelcomeModal = ({ open }: WelcomeModalProps) => { dotImageUrl: baseUrl + '/assets/dot.png', starImageUrl: baseUrl + '/assets/star.png', shareImageUrl: baseUrl + '/assets/share.png', + pwaAndroidUrl: baseUrl + '/assets/pwa_android.gif', + pwaIosUrl: baseUrl + '/assets/pwa_ios.gif', }) const mailData = { mode: 'noreply', diff --git a/src/notifications/welcome.hbs b/src/notifications/welcome.hbs index e708651b3d8338450f1e36fcb4a33313626c83e1..8977171b4db6b7f42a076cc7ed2161a24636f4b4 100644 --- a/src/notifications/welcome.hbs +++ b/src/notifications/welcome.hbs @@ -55,6 +55,7 @@ <mj-text color="white" font-size="18px"> 3 - Nommez la page et appuyez sur "Ajouter". Un raccourci vers la page web est apparu sur l'écran d'accueil de votre smartphone. </mj-text> + <mj-image src={{pwaAndroidUrl}} width="250px" align="center"></mj-image> <mj-social align="left" icon-size="30px" mode="horizontal" font-weight="600" font-size="18px" padding-top="30px"> <mj-social-element color="#F1C017" src={{appleImageUrl}} name="ecolyo" padding="0 24px 0 0"> @@ -74,6 +75,7 @@ <mj-text color="#A0A0A0" font-weight="400" font-style="italic" font-size="18px"> Attention cette manipulation ne fonctionne que si vous avez ouvert le lien dans Safari. </mj-text> + <mj-image src={{pwaIosUrl}} width="250px" align="center"></mj-image> </mj-column> </mj-section>