UniqAI/hexabot
1
0
Fork 0
mirror of https://github.com/hexastack/hexabot synced 2025-01-22 10:35:37 +00:00
Code Issues Actions 8 Packages Projects Releases Wiki Activity

fix: resolve block list edit form missing default values

Browse Source
This commit is contained in:
yassinedorbozgithub 2025-01-17 14:10:03 +01:00
parent 24f0a6d85a
commit 377ef714bc
1 changed files with 26 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
frontend/src/components/visual-editor/form/ListMessageForm.tsx
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;
return (
<AutoCompleteSelect<ContentField, "label", false>
options={(contentType?.fields || []).filter(
const { onChange, value, ...rest } = field;
const options = (contentType?.fields || []).filter(
({ type }) =>
ContentFieldType.TEXT === type ||
ContentFieldType.TEXTAREA === type,
)}
);
return (
<AutoCompleteSelect<ContentField, "label", false>
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}
/>
);