From b90d218af1e01a7213b3567b5c2cc22df337a183 Mon Sep 17 00:00:00 2001
From: vincent porte <vincent@neuralia.co>
Date: Wed, 4 Dec 2024 14:45:49 +0100
Subject: [PATCH] add a caption above proconnect button

---
 .../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 e33122c3..4d7556a8 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 }}" 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 e7abfdae..84a5087d 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="></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="></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="></a>
                               <p>
                                   <a href="https://proconnect.gouv.fr/" rel="noopener noreferrer" target="_blank" title="Qu’est-ce que AgentConnect ? - nouvelle fenêtre">