Use validator in new way on DetailView component

frontend/src/components/DetailView/Context/DetailContext.tsx

@@ -79,7 +79,7 @@ export type DetailContextType<T> = {
     name: string,
     optionalRadioSelectionProps?: OptionalRadioSelectionProps
   ) => JSX.Element
-  validator: (editData: EditDataType<T>, field: keyof EditDataType<T>) => ValidationObject[]
+  validator: (editData: EditDataType<T>, field?: keyof EditDataType<T>) => ValidationObject[]
   fieldsWithErrors: FieldsWithErrorsType
   setFieldsWithErrors: SetFieldsWithErrorsType
 }
@@ -111,7 +111,7 @@ export const DetailContextProvider = <T extends object>({
         setEditData: (data: unknown) => {
           setEditData(data as EditDataType<T>)
         },
-        validator: (editData: unknown, fieldName: keyof EditDataType<T>) =>
+        validator: (editData: unknown, fieldName?: keyof EditDataType<T>) =>
           contextState.validator(editData as EditDataType<T>, fieldName),
       }}
     >

frontend/src/components/DetailView/components.tsx

@@ -8,6 +8,7 @@ import { useDetailContext } from './Context/DetailContext'
 import { EditDataType, Editable, Reference } from '@/shared/types'
 import { useState, useEffect, Fragment } from 'react'
 import { referenceValidator } from '@/shared/validators/validator'
+import { FieldsWithErrorsType } from './DetailView'
 
 export const WriteButton = <T,>({
   onWrite,
@@ -29,23 +30,8 @@ export const WriteButton = <T,>({
       validation errors (e.g. missing required fields) */
   useEffect(() => {
     if (mode.option === 'edit' || mode.option === 'new') {
-      for (const field in editData) {
-        const fieldAsString = String(field)
-        const errors = validator(editData, field)
-        if (errors.length === 0 && fieldAsString in fieldsWithErrors) {
-          setFieldsWithErrors(prevFieldsWithErrors => {
-            const newFieldsWithErrors = { ...prevFieldsWithErrors }
-            delete newFieldsWithErrors[fieldAsString]
-            return newFieldsWithErrors
-          })
-        } else if (errors.length > 0) {
-          if (!(fieldAsString in fieldsWithErrors)) {
-            setFieldsWithErrors(prevFieldsWithErrors => {
-              return { ...prevFieldsWithErrors, [fieldAsString]: errors[0] }
-            })
-          }
-        }
-      }
+      const errors = validator(editData)
+      setFieldsWithErrors(() => errors.reduce<FieldsWithErrorsType>((obj, cur) => ({ ...obj, [cur.name]: cur }), {}))
     }
     if (mode.staging == true) {
       const error =