fix(errors): render a dedicated 422 page instead of the 500 page

app/controllers/errors_controller.rb

@@ -15,4 +15,8 @@ def server_error
   def unauthorised
     render status: 401, formats: [:html]
   end
+
+  def unprocessable
+    render status: 422, formats: [:html]
+  end
 end

app/views/errors/unprocessable.html.erb

@@ -0,0 +1,14 @@
+<div class="empty">
+  <div class="empty-header">422</div>
+  <p class="empty-title"><%= t "errors.titles.form_update" %></p>
+  <p class="empty-subtitle text-muted">
+    <%= t "errors.messages.unprocessable" %>
+  </p>
+  <div class="empty-action">
+    <a href="/" class="btn btn-primary">
+      <!-- Download SVG icon from http://tabler-icons.io/i/arrow-left -->
+      <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="5" y1="12" x2="11" y2="18" /><line x1="5" y1="12" x2="11" y2="6" /></svg>
+      <%= t "errors.cta.go_home" %>
+    </a>
+  </div>
+</div>

config/locales/en.yml

@@ -213,6 +213,7 @@ en:
       go_home: Go home
     messages:
       invalid_date_range: The chosen dates are invalid
+      unprocessable: We couldn't process your request. Please go back and try again.
       different_practice: Must belong to this practice
       invalid_email_format: Invalid format
       unauthorised: You don't have permission to do this

config/locales/es.yml

@@ -209,6 +209,7 @@ es:
       go_home: Ir a la página principal
     messages:
       invalid_date_range: Las fechas son invalidas.
+      unprocessable: No pudimos procesar tu solicitud. Por favor regresa e inténtalo de nuevo.
       different_practice: Debe pertenecer a esta clínica
       invalid_email_format: Formato invalido.
       unauthorised: No posees los permisos necesarios para hacer esto.

config/locales/pt.yml

@@ -211,6 +211,7 @@ pt:
       go_home: Ir para início
     messages:
       invalid_date_range: As datas escolhidas são inválidas
+      unprocessable: Não conseguimos processar sua solicitação. Por favor, volte e tente novamente.
       different_practice: Deve pertencer a esta clínica
       invalid_email_format: Formato inválido
       unauthorised: Você não tem permissão para fazer isso

config/routes.rb

@@ -114,7 +114,7 @@
   # error handling
   get '/404', to: 'errors#not_found'
   get '/401', to: 'errors#unauthorised'
-  get '/422', to: 'errors#server_error'
+  get '/422', to: 'errors#unprocessable'
   get '/500', to: 'errors#server_error'
 
   root to: 'welcome#index'

test/functional/errors_controller_test.rb

@@ -0,0 +1,29 @@
+# frozen_string_literal: true
+
+require 'test_helper'
+
+class ErrorsControllerTest < ActionController::TestCase
+  test '/422 routes to the unprocessable page' do
+    assert_routing '/422', controller: 'errors', action: 'unprocessable'
+  end
+
+  test 'unprocessable renders with a 422 status' do
+    get :unprocessable
+    assert_response :unprocessable_entity
+  end
+
+  test 'not_found renders with a 404 status' do
+    get :not_found
+    assert_response :not_found
+  end
+
+  test 'unauthorised renders with a 401 status' do
+    get :unauthorised
+    assert_response :unauthorized
+  end
+
+  test 'server_error renders with a 500 status' do
+    get :server_error
+    assert_response :internal_server_error
+  end
+end