fix: disable "Add Value" button if the initial input has no value

webiny · May 28, 2020 · 3346545 · 3346545
1 parent 03f6a69
commit 3346545
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 1 deletion.
diff --git a/...ages/app-headless-cms/src/admin/plugins/fieldRenderers/longText/longTextLongTextAreas.tsx b/...ages/app-headless-cms/src/admin/plugins/fieldRenderers/longText/longTextLongTextAreas.tsx
@@ -80,6 +80,7 @@ const plugin: CmsEditorFieldRendererPlugin = {
                             })}
                             <Cell span={12} className={style.addButton}>
                                 <ButtonDefault
+                                    disabled={value[0] === undefined}
                                     onClick={() => appendValue("")}
                                 >{t`+ Add value`}</ButtonDefault>
                             </Cell>

diff --git a/packages/app-headless-cms/src/admin/plugins/fieldRenderers/number/numberInputs.tsx b/packages/app-headless-cms/src/admin/plugins/fieldRenderers/number/numberInputs.tsx
@@ -78,6 +78,7 @@ const plugin: CmsEditorFieldRendererPlugin = {
                             })}
                             <Cell span={12} className={style.addButton}>
                                 <ButtonDefault
+                                    disabled={value[0] === undefined}
                                     onClick={() => appendValue("")}
                                 >{t`+ Add value`}</ButtonDefault>
                             </Cell>

diff --git a/packages/app-headless-cms/src/admin/plugins/fieldRenderers/text/textInputs.tsx b/packages/app-headless-cms/src/admin/plugins/fieldRenderers/text/textInputs.tsx
@@ -55,7 +55,7 @@ const plugin: CmsEditorFieldRendererPlugin = {
                             {value.slice(1).map((item, index) => {
                                 const Bind = getBind(index + 1);
                                 return (
-                                    <Cell span={12} key={index+1}>
+                                    <Cell span={12} key={index + 1}>
                                         <Bind>
                                             {bind => (
                                                 <Input
@@ -76,6 +76,7 @@ const plugin: CmsEditorFieldRendererPlugin = {
                             })}
                             <Cell span={12} className={style.addButton}>
                                 <ButtonDefault
+                                    disabled={value[0] === undefined}
                                     onClick={() => appendValue("")}
                                 >{t`+ Add value`}</ButtonDefault>
                             </Cell>