From 4a8e69a06e5d105ec3354aa04bcb2b102cd12280 Mon Sep 17 00:00:00 2001
From: Sylvain <sylvain@sbx.pm>
Date: Thu, 2 Feb 2023 16:58:56 +0100
Subject: [PATCH] (ui) show required fields not filled in trainings settings

---
 .../javascript/components/trainings/trainings-settings.tsx    | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/app/frontend/src/javascript/components/trainings/trainings-settings.tsx b/app/frontend/src/javascript/components/trainings/trainings-settings.tsx
index 3534ae8f6..b59499fc5 100644
--- a/app/frontend/src/javascript/components/trainings/trainings-settings.tsx
+++ b/app/frontend/src/javascript/components/trainings/trainings-settings.tsx
@@ -65,7 +65,7 @@ export const TrainingsSettings: React.FC<TrainingsSettingsProps> = ({ onError, o
     <div className="trainings-settings">
       <header>
         <h2>{t('app.admin.trainings_settings.title')}</h2>
-        <FabButton onClick={handleSubmit(onSubmit)} className='save-btn is-main'>{t('app.admin.trainings_settings.save')}</FabButton>
+        <FabButton onClick={() => handleSubmit(onSubmit)()} className='save-btn is-main'>{t('app.admin.trainings_settings.save')}</FabButton>
       </header>
       <form className="trainings-settings-content">
         <div className="settings-section">
@@ -124,6 +124,7 @@ export const TrainingsSettings: React.FC<TrainingsSettingsProps> = ({ onError, o
                       type="number"
                       register={register}
                       rules={{ required: isActiveAuthorizationValidity, min: 1 }}
+                      nullable
                       step={1}
                       formState={formState}
                       label={t('app.admin.trainings_settings.authorization_validity_period')} />
@@ -146,6 +147,7 @@ export const TrainingsSettings: React.FC<TrainingsSettingsProps> = ({ onError, o
                       type="number"
                       register={register}
                       rules={{ required: isActiveInvalidationRule, min: 1 }}
+                      nullable
                       step={1}
                       formState={formState}
                       label={t('app.admin.trainings_settings.validation_rule_period')} />