From 1400e66702392ccfcd69435b6555cc5e9afb9126 Mon Sep 17 00:00:00 2001
From: yassinedorbozgithub <yassine.dorboz.2022@gmail.com>
Date: Sun, 25 May 2025 22:13:04 +0100
Subject: [PATCH] fix(frontend): rename display_mode field

---
 .../visual-editor/form/ListMessageForm.tsx           | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/visual-editor/form/ListMessageForm.tsx b/frontend/src/components/visual-editor/form/ListMessageForm.tsx
index ac5989b8..0fafb7ea 100644
--- a/frontend/src/components/visual-editor/form/ListMessageForm.tsx
+++ b/frontend/src/components/visual-editor/form/ListMessageForm.tsx
@@ -47,7 +47,7 @@ const ListMessageForm = () => {
     formState: { errors },
   } = useFormContext();
   const contentTypeId = watch("options.content.entity");
-  const displayMode = watch("options.content.display_mode");
+  const displayMode = watch("options.content.display");
   const { data: contentType } = useGet(contentTypeId, {
     entity: EntityType.CONTENT_TYPE,
   });
@@ -61,10 +61,9 @@ const ListMessageForm = () => {
           <FormControl>
             <FormLabel>{t("label.display_mode")}</FormLabel>
             <Controller
-              rules={{ required: true }}
               control={control}
-              defaultValue={content?.display || "list"}
-              name="options.content.display_mode"
+              defaultValue={content?.display || OutgoingMessageFormat.list}
+              name="options.content.display"
               render={({ field }) => (
                 <RadioGroup row {...field}>
                   {[
@@ -75,10 +74,7 @@ const ListMessageForm = () => {
                       key={display}
                       value={display}
                       control={
-                        <Radio
-                          defaultChecked={display === content?.display}
-                          {...register("options.content.display")}
-                        />
+                        <Radio defaultChecked={display === content?.display} />
                       }
                       label={t(`label.${display}`)}
                     />