Feat/generic editable board card (#1089)

* Fixed BoardColumnMenu

* Fixed naming

* Optimized board loading

* Added GenericEditableField

* Introduce GenericEditableField for BoardCards

* remove logs

* delete unused files

* fix stories

---------

Co-authored-by: corentin <corentin@twenty.com>

front/src/modules/ui/editable-field/variants/components/DateEditableField.tsx

@@ -1,5 +1,3 @@
-import { useEffect, useState } from 'react';
-
 import { EditableField } from '@/ui/editable-field/components/EditableField';
 import { FieldContext } from '@/ui/editable-field/states/FieldContext';
 import { DateInputDisplay } from '@/ui/input/date/components/DateInputDisplay';
@@ -16,49 +14,29 @@ type OwnProps = {
 };
 
 export function DateEditableField({ icon, value, label, onSubmit }: OwnProps) {
-  const [internalValue, setInternalValue] = useState(value);
-
-  useEffect(() => {
-    setInternalValue(value);
-  }, [value]);
-
   async function handleChange(newValue: string) {
-    setInternalValue(newValue);
-
     onSubmit?.(newValue);
   }
 
-  async function handleSubmit() {
-    if (!internalValue) return;
-
-    onSubmit?.(internalValue);
-  }
-
-  async function handleCancel() {
-    setInternalValue(value);
-  }
-
-  const internalDateValue = internalValue
-    ? parseDate(internalValue).toJSDate()
-    : null;
+  const internalDateValue = value ? parseDate(value).toJSDate() : null;
 
   return (
     <RecoilScope SpecificContext={FieldContext}>
       <EditableField
-        onSubmit={handleSubmit}
-        onCancel={handleCancel}
+        // onSubmit={handleSubmit}
+        // onCancel={handleCancel}
         iconLabel={icon}
         label={label}
         editModeContent={
           <EditableFieldEditModeDate
-            value={internalValue || new Date().toISOString()}
+            value={value || new Date().toISOString()}
             onChange={(newValue: string) => {
               handleChange(newValue);
             }}
           />
         }
         displayModeContent={<DateInputDisplay value={internalDateValue} />}
-        isDisplayModeContentEmpty={!internalValue}
+        isDisplayModeContentEmpty={!value}
       />
     </RecoilScope>
   );