From 09397afbb5064420bc67ac5f403b3619e73ee752 Mon Sep 17 00:00:00 2001
From: Vincent Porte <vincentporte@duck.com>
Date: Wed, 4 Dec 2024 14:57:19 +0100
Subject: [PATCH] =?UTF-8?q?feat:=20am=C3=A9lioration=20bouton=20pro=5Fconn?=
 =?UTF-8?q?ect=20(#847)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## Description

🎸 ajout d'un texte explicatif  au dessus du bouton pro connect

## Type de changement

🎨 changement d'UI

### Captures d'écran (optionnel)


![image](https://github.com/user-attachments/assets/82d0cd02-455c-4362-a036-460c762aa1ec)
---
 .../templates/registration/login_with_magic_link.html    | 3 +++
 lacommunaute/users/tests/__snapshots__/tests_views.ambr  | 9 +++++++++
 2 files changed, 12 insertions(+)

diff --git a/lacommunaute/templates/registration/login_with_magic_link.html b/lacommunaute/templates/registration/login_with_magic_link.html
index ec2e4ecb6..7491fd442 100644
--- a/lacommunaute/templates/registration/login_with_magic_link.html
+++ b/lacommunaute/templates/registration/login_with_magic_link.html
@@ -22,6 +22,9 @@ <h1 class="s-title-01__title h1">{% trans "Login | Sign in" %}</h1>
                 <div class="s-section__col col-12 col-lg-7">
                     <div class="c-form">
                         <div class="text-center">
+                            <p>
+                                ProConnect vous permet d'accéder à de nombreux services en ligne en utilisant l'un de vos comptes professionnels existants.
+                            </p>
                             <a href="{% url 'openid_connect:authorize' %}?next={{ next }}" rel="nofollow" class="proconnect-button"></a>
                             <p>
                                 <a href="https://proconnect.gouv.fr/" target="_blank" rel="noopener noreferrer" title="Qu’est-ce que AgentConnect ? - nouvelle fenêtre">
diff --git a/lacommunaute/users/tests/__snapshots__/tests_views.ambr b/lacommunaute/users/tests/__snapshots__/tests_views.ambr
index ef425220b..fdb7744e4 100644
--- a/lacommunaute/users/tests/__snapshots__/tests_views.ambr
+++ b/lacommunaute/users/tests/__snapshots__/tests_views.ambr
@@ -227,6 +227,9 @@
                   <div class="s-section__col col-12 col-lg-7">
                       <div class="c-form">
                           <div class="text-center">
+                              <p>
+                                  ProConnect vous permet d'accéder à de nombreux services en ligne en utilisant l'un de vos comptes professionnels existants.
+                              </p>
                               <a class="proconnect-button" href="/pro_connect/authorize?next=" rel="nofollow"></a>
                               <p>
                                   <a href="https://proconnect.gouv.fr/" rel="noopener noreferrer" target="_blank" title="Qu’est-ce que AgentConnect ? - nouvelle fenêtre">
@@ -301,6 +304,9 @@
                   <div class="s-section__col col-12 col-lg-7">
                       <div class="c-form">
                           <div class="text-center">
+                              <p>
+                                  ProConnect vous permet d'accéder à de nombreux services en ligne en utilisant l'un de vos comptes professionnels existants.
+                              </p>
                               <a class="proconnect-button" href="/pro_connect/authorize?next=" rel="nofollow"></a>
                               <p>
                                   <a href="https://proconnect.gouv.fr/" rel="noopener noreferrer" target="_blank" title="Qu’est-ce que AgentConnect ? - nouvelle fenêtre">
@@ -375,6 +381,9 @@
                   <div class="s-section__col col-12 col-lg-7">
                       <div class="c-form">
                           <div class="text-center">
+                              <p>
+                                  ProConnect vous permet d'accéder à de nombreux services en ligne en utilisant l'un de vos comptes professionnels existants.
+                              </p>
                               <a class="proconnect-button" href="/pro_connect/authorize?next=" rel="nofollow"></a>
                               <p>
                                   <a href="https://proconnect.gouv.fr/" rel="noopener noreferrer" target="_blank" title="Qu’est-ce que AgentConnect ? - nouvelle fenêtre">