style(france_connect_account): convert notice about FC user to DSFR

app/javascript/entrypoints/main.css

@@ -5,6 +5,7 @@
 @import '@gouvfr/dsfr/dist/component/form/form.css';
 @import '@gouvfr/dsfr/dist/component/badge/badge.css';
 @import '@gouvfr/dsfr/dist/component/card/card.css';
+@import '@gouvfr/dsfr/dist/component/connect/connect.css';
 @import '@gouvfr/dsfr/dist/component/navigation/navigation.css';
 @import '@gouvfr/dsfr/dist/component/button/button.css';
 @import '@gouvfr/dsfr/dist/component/alert/alert.css';

app/models/france_connect_information.rb

@@ -56,4 +56,8 @@ class FranceConnectInformation < ApplicationRecord
   def delete_merge_token!
     update(merge_token: nil, merge_token_created_at: nil)
   end
+
+  def full_name
+    [given_name, family_name].compact.join(" ")
+  end
 end

app/views/shared/dossiers/_demande.html.haml

@@ -11,9 +11,10 @@
         modifié le
         = try_format_datetime(dossier.identity_updated_at)
 
+  - if dossier.france_connect_information.present?
+    = render partial: "shared/dossiers/france_connect_informations", locals: { user_information: dossier.france_connect_information }
+
   .card
-    - if dossier.france_connect_information.present?
-      = render partial: "shared/dossiers/france_connect_informations", locals: { user_information: dossier.france_connect_information }
     = render partial: "shared/dossiers/user_infos", locals: { user_deleted: dossier.user_deleted?, email: dossier.user_email_for(:display) }
 
     - if dossier.etablissement.present?

app/views/shared/dossiers/_france_connect_informations.html.haml

@@ -1,8 +1,13 @@
-.france-connect-informations.card.featured.flex.align-center
-  .france-connect-informations-logo
-    = image_tag "logo-france-connect.png", alt: "France Connect logo"
-  %div
-    - if user_information.updated_at.present?
-      Le dossier a été déposé par le compte de #{user_information&.given_name} #{user_information&.family_name}, authentifié par France Connect le #{user_information.updated_at.strftime('%d/%m/%Y')}.
-    - else
-      Le dossier a été déposé par le compte de #{user_information&.given_name} #{user_information&.family_name}.
+.fr-tile.fr-tile--horizontal.mb-4
+  .fr-tile__body
+    %h4.fr-tile__title
+      FranceConnect
+    %p
+      - if user_information.full_name.empty?
+        = t("views.shared.dossiers.france_connect_informations.details_no_name")
+      - elsif user_information.updated_at.present?
+        = t("views.shared.dossiers.france_connect_informations.details_updated", name: user_information.full_name, date: l(user_information.updated_at.to_date, format: :default))
+      - else
+        = t("views.shared.dossiers.france_connect_informations.details", name: user_information.full_name)
+  .fr-tile__img
+    = image_tag "logo-france-connect.png", alt: "", class: "fr-responsive-img"

config/locales/fr.yml

@@ -145,6 +145,10 @@ fr:
           form: "Formulaire"
           edit_siret: "Modifier le SIRET"
           edit_identity: "Modifier l’identité"
+        france_connect_informations:
+          details_no_name: "Le dossier a été déposé par un compte FranceConnect."
+          details: "Le dossier a été déposé par le compte de %{name}."
+          details_updated: "Le dossier a été déposé par le compte de %{name}, authentifié par FranceConnect le %{date}."
     instructeurs:
       dossiers:
         tab_steps:

spec/views/instructeur/dossiers/show.html.haml_spec.rb

@@ -30,7 +30,7 @@ describe 'instructeurs/dossiers/show.html.haml', type: :view do
     end
 
     it 'fills the individual with the informations from France Connect' do
-      expect(rendered).to have_text("Le dossier a été déposé par le compte de #{france_connect_information.given_name} #{france_connect_information.family_name}, authentifié par France Connect le #{france_connect_information.updated_at.strftime('%d/%m/%Y')}")
+      expect(rendered).to have_text("Le dossier a été déposé par le compte de #{france_connect_information.given_name} #{france_connect_information.family_name}, authentifié par FranceConnect le #{france_connect_information.updated_at.strftime('%d/%m/%Y')}")
     end
   end
 end

spec/views/shared/dossiers/_france_connect_information.html.haml_spec.rb

@@ -9,7 +9,7 @@ describe 'shared/dossiers/france_connect_informations.html.haml', type: :view do
   context "with complete france_connect information" do
     let(:user_information) { build(:france_connect_information, updated_at: Time.zone.now) }
     it {
-      expect(subject).to have_text("Le dossier a été déposé par le compte de #{user_information.given_name} #{user_information.family_name}, authentifié par France Connect le #{user_information.updated_at.strftime('%d/%m/%Y')}")
+      expect(subject).to have_text("Le dossier a été déposé par le compte de #{user_information.given_name} #{user_information.family_name}, authentifié par FranceConnect le #{user_information.updated_at.strftime('%d/%m/%Y')}")
     }
   end
 
@@ -18,7 +18,7 @@ describe 'shared/dossiers/france_connect_informations.html.haml', type: :view do
 
     it {
       expect(subject).to have_text("Le dossier a été déposé par le compte de #{user_information.given_name} #{user_information.family_name}")
-      expect(subject).not_to have_text("authentifié par France Connect le ")
+      expect(subject).not_to have_text("authentifié par FranceConnect le ")
     }
   end
 
@@ -26,7 +26,15 @@ describe 'shared/dossiers/france_connect_informations.html.haml', type: :view do
     let(:user_information) { build(:france_connect_information, given_name: nil) }
 
     it {
-      expect(subject).to have_text("Le dossier a été déposé par le compte de  #{user_information.family_name}")
+      expect(subject).to have_text("Le dossier a été déposé par le compte de #{user_information.family_name}")
+    }
+  end
+
+  context "with all names missing" do
+    let(:user_information) { build(:france_connect_information, given_name: nil, family_name: nil) }
+
+    it {
+      expect(subject).to have_text("Le dossier a été déposé par un compte FranceConnect.")
     }
   end
 end

spec/views/users/dossiers/demande.html.haml_spec.rb

@@ -45,7 +45,7 @@ describe 'users/dossiers/demande.html.haml', type: :view do
     end
 
     it 'fills the individual with the informations from France Connect' do
-      expect(rendered).to have_text("Le dossier a été déposé par le compte de #{france_connect_information.given_name} #{france_connect_information.family_name}, authentifié par France Connect le #{france_connect_information.updated_at.strftime('%d/%m/%Y')}")
+      expect(rendered).to have_text("Le dossier a été déposé par le compte de #{france_connect_information.given_name} #{france_connect_information.family_name}, authentifié par FranceConnect le #{france_connect_information.updated_at.strftime('%d/%m/%Y')}")
     end
   end
 end