Add flash message support and localization updates

app/views/devise/confirmations/new.html.erb

@@ -1,15 +1,34 @@
-<h2>Resend confirmation instructions</h2>
+<div class="flex items-center justify-center bg-neutral-50 py-12 px-4 sm:px-6 lg:px-8">
+  <div class="max-w-md w-full space-y-8">
+    <div>
+      <%= link_to "/" do %>
+        <img class="mx-auto h-12 w-auto" src="/icon.svg" alt="Aperonight" />
+      <% end %>
+      <h2 class="mt-6 text-center text-3xl font-extrabold text-neutral-900">
+        <%= t('devise.confirmations.new.title') %>
+      </h2>
+      <p class="mt-2 text-center text-sm text-neutral-600">
+        <%= t('devise.confirmations.new.description') %>
+      </p>
+    </div>
 
-<%= form_for(resource, as: resource_name, url: confirmation_path(resource_name), html: { method: :post }) do |f| %>
+    <%= form_for(resource, as: resource_name, url: confirmation_path(resource_name), html: { method: :post, class: "mt-8 space-y-6" }) do |f| %>
 
-  <div class="field">
-    <%= f.label :email %><br />
-    <%= f.email_field :email, autofocus: true, autocomplete: "email", value: (resource.pending_reconfirmation? ? resource.unconfirmed_email : resource.email) %>
+      <div>
+        <%= f.label :email, class: "block text-sm font-medium text-neutral-700" %>
+        <div class="mt-1">
+          <%= f.email_field :email, autofocus: true, autocomplete: "email", value: (resource.pending_reconfirmation? ? resource.unconfirmed_email : resource.email),
+              class: "appearance-none block w-full px-3 py-2 border border-neutral-300 rounded-md shadow-sm placeholder-neutral-400 focus:outline-none focus:ring-purple-500 focus:border-purple-500 sm:text-sm",
+              placeholder: "Email" %>
+        </div>
+      </div>
+
+      <div>
+        <%= f.submit t('devise.confirmations.new.submit'),
+            class: "group relative w-full flex justify-center py-2 px-4 border border-transparent text-sm font-medium rounded-md text-white bg-purple-600 hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-neutral-50 focus:ring-purple-500" %>
+      </div>
+    <% end %>
+
+    <%= render "devise/shared/links" %>
   </div>
-
-  <div class="actions">
-    <%= f.submit "Resend confirmation instructions" %>
-  </div>
-<% end %>
-
-<%= render "devise/shared/links" %>
+</div>

app/views/devise/passwords/edit.html.erb

@@ -5,10 +5,10 @@
         <img class="mx-auto h-12 w-auto" src="/icon.svg" alt="Aperonight" />
       <% end %>
       <h2 class="mt-6 text-center text-3xl font-extrabold text-neutral-900">
-        Changer votre mot de passe
+        <%= t('devise.passwords.edit.title') %>
       </h2>
       <p class="mt-2 text-center text-sm text-neutral-600">
-        Veuillez entrer votre nouveau mot de passe ci-dessous
+        <%= t('devise.passwords.edit.description') %>
       </p>
     </div>
 
@@ -17,23 +17,23 @@
 
       <div class="space-y-4">
         <div>
-          <%= f.label :password, "Nouveau mot de passe", class: "block text-sm font-medium text-neutral-700" %>
+          <%= f.label :password, t('devise.passwords.edit.new_password'), class: "block text-sm font-medium text-neutral-700" %>
           <% if @minimum_password_length %>
-            <em class="text-sm text-neutral-500">(<%= @minimum_password_length %> caractères minimum)</em>
+            <em class="text-sm text-neutral-500">(<%= t('devise.registrations.new.minimum_password_length', count: @minimum_password_length) %>)</em>
           <% end %>
           <%= f.password_field :password, autofocus: true, autocomplete: "new-password",
               class: "mt-1 block w-full px-3 py-2 border border-neutral-300 rounded-md shadow-sm placeholder-neutral-400 focus:outline-none focus:ring-purple-500 focus:border-purple-500 sm:text-sm" %>
         </div>
 
         <div>
-          <%= f.label :password_confirmation, "Confirmer le nouveau mot de passe", class: "block text-sm font-medium text-neutral-700" %>
+          <%= f.label :password_confirmation, t('devise.passwords.edit.confirm_new_password'), class: "block text-sm font-medium text-neutral-700" %>
           <%= f.password_field :password_confirmation, autocomplete: "new-password",
               class: "mt-1 block w-full px-3 py-2 border border-neutral-300 rounded-md shadow-sm placeholder-neutral-400 focus:outline-none focus:ring-purple-500 focus:border-purple-500 sm:text-sm" %>
         </div>
       </div>
 
       <div class="actions">
-        <%= f.submit "Changer mon mot de passe",
+        <%= f.submit t('devise.passwords.edit.submit'),
             class: "group relative w-full flex justify-center py-2 px-4 border border-transparent text-sm font-medium rounded-md text-white bg-purple-600 hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-neutral-50 focus:ring-purple-500" %>
       </div>
     <% end %>

app/views/devise/passwords/new.html.erb

@@ -5,10 +5,10 @@
         <img class="mx-auto h-12 w-auto" src="/icon.svg" alt="Aperonight" />
       <% end %>
       <h2 class="mt-6 text-center text-3xl font-extrabold text-neutral-900">
-        Mot de passe oublié ?
+        <%= t('devise.passwords.new.title') %>
       </h2>
       <p class="mt-2 text-center text-sm text-neutral-600">
-        Entrez votre adresse email et nous vous enverrons un lien pour réinitialiser votre mot de passe
+        <%= t('devise.passwords.new.description') %>
       </p>
     </div>
 
@@ -19,16 +19,28 @@
         <div class="mt-1">
           <%= f.email_field :email, autofocus: true, autocomplete: "email",
               class: "appearance-none block w-full px-3 py-2 border border-neutral-300 rounded-md shadow-sm placeholder-neutral-400 focus:outline-none focus:ring-purple-500 focus:border-purple-500 sm:text-sm",
-              placeholder: "Adresse email" %>
+              placeholder: t('devise.passwords.new.email_placeholder') %>
         </div>
       </div>
 
       <div>
-        <%= f.submit "Envoyer le lien de réinitialisation",
+        <%= f.submit t('devise.passwords.new.submit'),
             class: "group relative w-full flex justify-center py-2 px-4 border border-transparent text-sm font-medium rounded-md text-white bg-purple-600 hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-neutral-50 focus:ring-purple-500" %>
       </div>
     <% end %>
 
-    <%= render "devise/shared/links" %>
+    <div class="mt-6">
+      <div class="relative">
+        <div class="absolute inset-0 flex items-center">
+          <div class="w-full border-t border-neutral-300"></div>
+        </div>
+        <div class="relative flex justify-center text-sm">
+          <span class="px-2 bg-neutral-50 text-neutral-600"> <%= t('devise.sessions.new.continue_with') %> </span>
+        </div>
+      </div>
+
+      <%= render "devise/shared/links" %>
+    </div>
+  </div>
   </div>
 </div>

app/views/devise/registrations/edit.html.erb

@@ -18,7 +18,7 @@
       <div class="space-y-6">
         <div>
           <%= f.label :email, class: "block text-sm font-medium text-neutral-700" %>
-          <%= f.email_field :email, autofocus: true, autocomplete: "email", 
+          <%= f.email_field :email, autofocus: true, autocomplete: "email",
               class: "mt-1 block w-full px-3 py-2 border border-neutral-300 rounded-md shadow-sm placeholder-neutral-400 focus:outline-none focus:ring-purple-500 focus:border-purple-500 sm:text-sm" %>
         </div>
 
@@ -31,40 +31,40 @@
         <div>
           <%= f.label :password, "Nouveau mot de passe", class: "block text-sm font-medium text-neutral-700" %>
           <i class="text-sm text-neutral-500">(laissez vide si vous ne souhaitez pas le changer)</i>
-          <%= f.password_field :password, autocomplete: "new-password", 
+          <%= f.password_field :password, autocomplete: "new-password",
               class: "mt-1 block w-full px-3 py-2 border border-neutral-300 rounded-md shadow-sm placeholder-neutral-400 focus:outline-none focus:ring-purple-500 focus:border-purple-500 sm:text-sm" %>
         </div>
 
         <div>
-          <%= f.label :password_confirmation, "Confirmer le nouveau mot de passe", class: "block text-sm font-medium text-neutral-700" %>
-          <%= f.password_field :password_confirmation, autocomplete: "new-password", 
+          <%= f.label :password_confirmation, t('devise.registrations.edit.confirm_new_password'), class: "block text-sm font-medium text-neutral-700" %>
+          <%= f.password_field :password_confirmation, autocomplete: "new-password",
               class: "mt-1 block w-full px-3 py-2 border border-neutral-300 rounded-md shadow-sm placeholder-neutral-400 focus:outline-none focus:ring-purple-500 focus:border-purple-500 sm:text-sm" %>
         </div>
 
         <div>
-          <%= f.label :current_password, "Mot de passe actuel", class: "block text-sm font-medium text-neutral-700" %>
-          <i class="text-sm text-neutral-500">(requis pour confirmer vos changements)</i>
-          <%= f.password_field :current_password, autocomplete: "current-password", 
+          <%= f.label :current_password, t('devise.registrations.edit.current_password'), class: "block text-sm font-medium text-neutral-700" %>
+          <i class="text-sm text-neutral-500">(<%= t('devise.registrations.edit.current_password_required') %>)</i>
+          <%= f.password_field :current_password, autocomplete: "current-password",
               class: "mt-1 block w-full px-3 py-2 border border-neutral-300 rounded-md shadow-sm placeholder-neutral-400 focus:outline-none focus:ring-purple-500 focus:border-purple-500 sm:text-sm" %>
         </div>
       </div>
 
       <div class="flex items-center justify-between">
-        <%= f.submit "Mettre à jour", 
+        <%= f.submit t('devise.registrations.edit.update'),
             class: "group relative w-full flex justify-center py-2 px-4 border border-transparent text-sm font-medium rounded-md text-white bg-purple-600 hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-neutral-50 focus:ring-purple-500" %>
       </div>
     <% end %>
 
-    <h3 class="text-center text-lg font-medium text-neutral-900">Supprimer mon compte</h3>
+    <h3 class="text-center text-lg font-medium text-neutral-900"><%= t('devise.registrations.edit.delete_account') %></h3>
     <div class="text-center">
       <p class="text-sm text-neutral-600">
-        Mécontent ? <%= button_to "Supprimer mon compte", registration_path(resource_name), 
-          data: { confirm: "Êtes-vous sûr ?", turbo_confirm: "Êtes-vous sûr ?" }, 
-          method: :delete, 
+        <%= t('devise.registrations.edit.unhappy') %> <%= button_to t('devise.registrations.edit.delete_account'), registration_path(resource_name),
+          data: { confirm: t('devise.registrations.edit.confirm_delete'), turbo_confirm: t('devise.registrations.edit.confirm_delete') },
+          method: :delete,
           class: "font-medium text-red-600 hover:text-red-500" %>
       </p>
     </div>
 
-    <%= link_to "Retour", :back, class: "text-center block text-purple-600 hover:text-purple-500" %>
+    <%= link_to t('devise.registrations.edit.back'), :back, class: "text-center block text-purple-600 hover:text-purple-500" %>
   </div>
 </div>

app/views/devise/registrations/new.html.erb

@@ -5,12 +5,12 @@
         <img class="mx-auto h-12 w-auto" src="/icon.svg" alt="Aperonight" />
       <% end %>
       <h2 class="mt-6 text-center text-3xl font-extrabold text-neutral-900">
-        Créer votre compte
+        <%= t('devise.registrations.new.title') %>
       </h2>
       <p class="mt-2 text-center text-sm text-neutral-600">
-        Ou
+        <%= t('devise.registrations.new.or') %>
         <a href="<%= new_user_session_path %>" class="font-medium text-purple-600 hover:text-purple-500">
-          connectez-vous à votre compte
+          <%= t('devise.registrations.new.sign_in_link') %>
         </a>
       </p>
     </div>
@@ -27,7 +27,7 @@
         <div>
           <%= f.label :password, class: "block text-sm font-medium text-neutral-700" %>
           <% if @minimum_password_length %>
-          <em class="text-sm text-neutral-500">(<%= @minimum_password_length %> caractères minimum)</em>
+          <em class="text-sm text-neutral-500">(<%= t('devise.registrations.new.minimum_password_length', count: @minimum_password_length) %>)</em>
           <% end %>
           <%= f.password_field :password, autocomplete: "new-password",
               class: "mt-1 block w-full px-3 py-2 border border-neutral-300 rounded-md shadow-sm placeholder-neutral-500 focus:outline-none focus:ring-purple-500 focus:border-purple-500 sm:text-sm" %>
@@ -41,7 +41,7 @@
       </div>
 
       <div class="actions">
-        <%= f.submit "S'inscrire", class: "group relative w-full flex justify-center py-2 px-4 border border-transparent text-sm font-medium rounded-md text-white bg-purple-600 hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-neutral-50 focus:ring-purple-500" %>
+        <%= f.submit t('devise.registrations.new.sign_up'), class: "group relative w-full flex justify-center py-2 px-4 border border-transparent text-sm font-medium rounded-md text-white bg-purple-600 hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-neutral-50 focus:ring-purple-500" %>
       </div>
     <% end %>
 
@@ -51,7 +51,7 @@
           <div class="w-full border-t border-neutral-300"></div>
         </div>
         <div class="relative flex justify-center text-sm">
-          <span class="px-2 bg-neutral-50 text-neutral-600"> Ou continuer avec </span>
+          <span class="px-2 bg-neutral-50 text-neutral-600"> <%= t('devise.registrations.new.continue_with') %> </span>
         </div>
       </div>
 

app/views/devise/sessions/new.html.erb

@@ -5,12 +5,12 @@
         <img class="mx-auto h-12 w-auto" src="/icon.svg" alt="Aperonight" />
       <% end %>
       <h2 class="mt-6 text-center text-3xl font-extrabold text-neutral-900">
-        Connexion à votre compte
+        <%= t('devise.sessions.new.title') %>
       </h2>
       <p class="mt-2 text-center text-sm text-neutral-600">
-        Ou
+        <%= t('devise.sessions.new.or') %>
         <a href="<%= new_user_registration_path %>" class="font-medium text-purple-600 hover:text-purple-500">
-          créez un nouveau compte
+          <%= t('devise.sessions.new.sign_up_link') %>
         </a>
       </p>
     </div>
@@ -22,14 +22,14 @@
           <%= f.label :email, class: "sr-only" %>
           <%= f.email_field :email, autofocus: true, autocomplete: "email",
               class: "appearance-none rounded-none relative block w-full px-3 py-2 border border-neutral-300 placeholder-neutral-500 text-neutral-900 bg-white rounded-t-md focus:outline-none focus:ring-purple-500 focus:border-purple-500 focus:z-10 sm:text-sm",
-              placeholder: "Adresse email" %>
+              placeholder: t('devise.sessions.new.email_placeholder') %>
         </div>
 
         <div class="field">
           <%= f.label :password, class: "sr-only" %>
           <%= f.password_field :password, autocomplete: "current-password",
               class: "appearance-none rounded-none relative block w-full px-3 py-2 border border-neutral-300 placeholder-neutral-500 text-neutral-900 bg-white rounded-b-md focus:outline-none focus:ring-purple-500 focus:border-purple-500 focus:z-10 sm:text-sm",
-              placeholder: "Mot de passe" %>
+              placeholder: t('devise.sessions.new.password_placeholder') %>
         </div>
       </div>
 
@@ -37,17 +37,17 @@
         <div class="flex items-center justify-between">
           <div class="flex items-center">
             <%= f.check_box :remember_me, class: "h-4 w-4 text-purple-600 focus:ring-purple-500 border-neutral-300 rounded bg-white" %>
-            <label for="user_remember_me" class="ml-2 block text-sm text-neutral-700"> Se souvenir de moi </label>
+            <label for="user_remember_me" class="ml-2 block text-sm text-neutral-700"> <%= t('devise.sessions.new.remember_me') %> </label>
           </div>
 
           <div class="text-sm">
-            <%= link_to "Mot de passe oublié?", new_password_path(resource_name), class: "font-medium text-purple-600 hover:text-purple-500" %>
+            <%= link_to t('devise.sessions.new.forgot_password'), new_password_path(resource_name), class: "font-medium text-purple-600 hover:text-purple-500" %>
           </div>
         </div>
       <% end %>
 
       <div class="actions">
-        <%= f.submit "Se connecter", class: "group relative w-full flex justify-center py-2 px-4 border border-transparent text-sm font-medium rounded-md text-white bg-purple-600 hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-neutral-50 focus:ring-purple-500" %>
+        <%= f.submit t('devise.sessions.new.sign_in'), class: "group relative w-full flex justify-center py-2 px-4 border border-transparent text-sm font-medium rounded-md text-white bg-purple-600 hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-neutral-50 focus:ring-purple-500" %>
       </div>
     <% end %>
 
@@ -57,7 +57,7 @@
           <div class="w-full border-t border-neutral-300"></div>
         </div>
         <div class="relative flex justify-center text-sm">
-          <span class="px-2 bg-neutral-50 text-neutral-600"> Ou continuer avec </span>
+          <span class="px-2 bg-neutral-50 text-neutral-600"> <%= t('devise.sessions.new.continue_with') %> </span>
         </div>
       </div>
 

app/views/devise/shared/_links.html.erb

@@ -1,38 +1,38 @@
-<div class="space-y-4">
+<div class="mt-4 space-y-4">
   <%- if controller_name != "sessions" %>
     <div class="w-full flex justify-center py-2 px-4 border border-neutral-300 rounded-md shadow-sm text-sm font-medium text-purple-600 bg-white hover:bg-neutral-50 hover:border-purple-500 transition-all duration-200">
-      <%= link_to "Se connecter", new_session_path(resource_name), class: "block" %>
+      <%= link_to t('devise.shared.links.sign_in'), new_session_path(resource_name), class: "block" %>
     </div>
   <% end %>
 
   <%- if devise_mapping.registerable? && controller_name != "registrations" %>
     <div class="w-full flex justify-center mt-4 py-2 px-4 border border-neutral-300 rounded-md shadow-sm text-sm font-medium text-purple-600 bg-white hover:bg-neutral-50 hover:border-purple-500 transition-all duration-200">
-      <%= link_to "S'inscrire", new_registration_path(resource_name), class: "block" %>
+      <%= link_to t('devise.shared.links.sign_up'), new_registration_path(resource_name), class: "block" %>
     </div>
   <% end %>
 
   <%- if devise_mapping.recoverable? && controller_name != "passwords" && controller_name != "registrations" %>
     <div class="w-full flex justify-center mt-4 py-2 px-4 border border-neutral-300 rounded-md shadow-sm text-sm font-medium text-purple-600 bg-white hover:bg-neutral-50 hover:border-purple-500 transition-all duration-200">
-      <%= link_to "Mot de passe oublié ?", new_password_path(resource_name), class: "block" %>
+      <%= link_to t('devise.shared.links.forgot_password'), new_password_path(resource_name), class: "block" %>
     </div>
   <% end %>
 
   <%- if devise_mapping.confirmable? && controller_name != "confirmations" %>
     <div class="w-full flex justify-center mt-4 py-2 px-4 border border-neutral-300 rounded-md shadow-sm text-sm font-medium text-purple-600 bg-white hover:bg-neutral-50 hover:border-purple-500 transition-all duration-200">
-      <%= link_to "Vous n'avez pas reçu les instructions de confirmation ?", new_confirmation_path(resource_name), class: "block" %>
+      <%= link_to t('devise.shared.links.confirmation_instructions'), new_confirmation_path(resource_name), class: "block" %>
     </div>
   <% end %>
 
   <%- if devise_mapping.lockable? && resource_class.unlock_strategy_enabled?(:email) && controller_name != "unlocks" %>
     <div class="w-full flex justify-center mt-4 py-2 px-4 border border-neutral-300 rounded-md shadow-sm text-sm font-medium text-purple-600 bg-white hover:bg-neutral-50 hover:border-purple-500 transition-all duration-200">
-      <%= link_to "Vous n'avez pas reçu les instructions de déverrouillage?", new_unlock_path(resource_name), class: "block" %>
+      <%= link_to t('devise.shared.links.unlock_instructions'), new_unlock_path(resource_name), class: "block" %>
     </div>
   <% end %>
 
   <%- if devise_mapping.omniauthable? %>
     <%- resource_class.omniauth_providers.each do |provider| %>
       <div class="w-full flex justify-center mt-4 py-2 px-4 border border-neutral-300 rounded-md shadow-sm text-sm font-medium text-purple-600 bg-white hover:bg-neutral-50 hover:border-purple-500 transition-all duration-200">
-        <%= button_to "Se connecter avec #{OmniAuth::Utils.camelize(provider)}", omniauth_authorize_path(resource_name, provider), data: { turbo: false }, class: "block" %>
+        <%= button_to t('devise.shared.links.sign_in_with', provider: OmniAuth::Utils.camelize(provider)), omniauth_authorize_path(resource_name, provider), data: { turbo: false }, class: "block" %>
       </div>
     <% end %>
   <% end %>