Merge pull request #581 from Hexastack/575-bug-block-list-is-not-loading-the-full-content
Some checks are pending
Build and Push Docker API Image / build-and-push (push) Waiting to run
Build and Push Docker Base Image / build-and-push (push) Waiting to run
Build and Push Docker UI Image / build-and-push (push) Waiting to run

fix(frontend): resolve block list edit form bug
This commit is contained in:
Med Marrouchi 2025-01-20 18:12:15 +01:00 committed by GitHub
commit d24521cb77
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -181,17 +181,19 @@ const ListMessageForm = () => {
}}
defaultValue={content?.fields?.title}
render={({ field }) => {
const { onChange, ...rest } = field;
const { onChange, value, ...rest } = field;
const options = (contentType?.fields || []).filter(
({ type }) => ContentFieldType.TEXT === type,
);
return (
<AutoCompleteSelect<ContentField, "label", false>
options={(contentType?.fields || []).filter(
({ type }) => ContentFieldType.TEXT === type,
)}
options={options}
idKey="name"
labelKey="label"
label={t("label.title")}
multiple={false}
{...(options.length && { value })}
{...rest}
onChange={(_e, selected) => onChange(selected?.name)}
error={!!errors?.options?.["content"]?.fields?.title}
@ -209,20 +211,22 @@ const ListMessageForm = () => {
control={control}
defaultValue={content?.fields?.subtitle}
render={({ field }) => {
const { onChange, ...rest } = field;
const { onChange, value, ...rest } = field;
const options = (contentType?.fields || []).filter(
({ type }) =>
ContentFieldType.TEXT === type ||
ContentFieldType.TEXTAREA === type,
);
return (
<AutoCompleteSelect<ContentField, "label", false>
options={(contentType?.fields || []).filter(
({ type }) =>
ContentFieldType.TEXT === type ||
ContentFieldType.TEXTAREA === type,
)}
options={options}
idKey="name"
labelKey="label"
label={t("label.subtitle")}
multiple={false}
onChange={(_e, selected) => onChange(selected?.name)}
{...(options.length && { value })}
{...rest}
/>
);
@ -235,18 +239,20 @@ const ListMessageForm = () => {
control={control}
defaultValue={content?.fields?.image_url}
render={({ field }) => {
const { onChange, ...rest } = field;
const { onChange, value, ...rest } = field;
const options = (contentType?.fields || []).filter(({ type }) =>
[ContentFieldType.FILE].includes(type),
);
return (
<AutoCompleteSelect<ContentField, "label", false>
options={(contentType?.fields || []).filter(({ type }) =>
[ContentFieldType.FILE].includes(type),
)}
options={options}
idKey="name"
labelKey="label"
label={t("label.image_url")}
multiple={false}
onChange={(_e, selected) => onChange(selected?.name)}
{...(options.length && { value })}
{...rest}
/>
);
@ -259,18 +265,20 @@ const ListMessageForm = () => {
control={control}
defaultValue={content?.fields?.url}
render={({ field }) => {
const { onChange, ...rest } = field;
const { onChange, value, ...rest } = field;
const options = (contentType?.fields || []).filter(({ type }) =>
[ContentFieldType.URL].includes(type),
);
return (
<AutoCompleteSelect<ContentField, "label", false>
options={(contentType?.fields || []).filter(({ type }) =>
[ContentFieldType.URL].includes(type),
)}
options={options}
idKey="name"
labelKey="label"
label={t("label.url")}
multiple={false}
onChange={(_e, selected) => onChange(selected?.name)}
{...(options.length && { value })}
{...rest}
/>
);