front: add placeholder in budget input

OpenRailAssociation · Nov 7, 2023 · cb4e0e4 · cb4e0e4
1 parent f2766a1
commit cb4e0e4
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 5 deletions.
diff --git a/front/src/modules/project/components/AddOrEditProjectModal.tsx b/front/src/modules/project/components/AddOrEditProjectModal.tsx
@@ -27,7 +27,6 @@ import { SerializedError } from '@reduxjs/toolkit';
 import { getUserSafeWord } from 'reducers/user/userSelectors';
 
 const emptyProject: ProjectCreateForm = {
-  budget: 0,
   description: '',
   funders: '',
   image: null,
@@ -329,8 +328,13 @@ export default function AddOrEditProjectModal({
                   {t('projectBudget')}
                 </div>
               }
-              value={currentProject.budget}
-              onChange={(e) => setCurrentProject({ ...currentProject, budget: +e.target.value })}
+              value={currentProject.budget !== undefined ? currentProject.budget : ''}
+              onChange={(e) =>
+                setCurrentProject({
+                  ...currentProject,
+                  budget: e.target.value !== '' ? +e.target.value : undefined,
+                })
+              }
               textRight
             />
           </div>

diff --git a/front/src/modules/study/components/AddOrEditStudyModal.tsx b/front/src/modules/study/components/AddOrEditStudyModal.tsx
@@ -359,8 +359,13 @@ export default function AddOrEditStudyModal({ editionMode, study }: Props) {
                   {t('studyBudget')}
                 </div>
               }
-              value={currentStudy?.budget || 0}
-              onChange={(e) => setCurrentStudy({ ...currentStudy, budget: +e.target.value })}
+              value={currentStudy.budget !== undefined ? currentStudy.budget : ''}
+              onChange={(e) =>
+                setCurrentStudy({
+                  ...currentStudy,
+                  budget: e.target.value !== '' ? +e.target.value : undefined,
+                })
+              }
               textRight
             />
           </div>