diff --git a/services/cms/src/blocks/ResearchConsentCheckbox/ResearchConsentCheckBoxEditor.tsx b/services/cms/src/blocks/ResearchConsentCheckbox/ResearchConsentCheckBoxEditor.tsx index 9cbeb560e7ef..ad2693baeda1 100644 --- a/services/cms/src/blocks/ResearchConsentCheckbox/ResearchConsentCheckBoxEditor.tsx +++ b/services/cms/src/blocks/ResearchConsentCheckbox/ResearchConsentCheckBoxEditor.tsx @@ -4,6 +4,7 @@ import { BlockEditProps } from "@wordpress/blocks" import React from "react" import { useTranslation } from "react-i18next" +import ErrorBanner from "../../shared-module/components/ErrorBanner" import CheckBox from "../../shared-module/components/InputFields/CheckBox" import BlockPlaceholderWrapper from "../BlockPlaceholderWrapper" @@ -41,6 +42,9 @@ const ResearchConsentCheckBoxEditor: React.FC< onChange={(value: string) => setAttributes({ content: value })} /> + {(attributes.content ?? "").split(/\s+/).length < 3 && ( + + )} ) } diff --git a/shared-module/src/components/InputFields/CheckBox.tsx b/shared-module/src/components/InputFields/CheckBox.tsx index 6515b7a59c34..924658e4627e 100644 --- a/shared-module/src/components/InputFields/CheckBox.tsx +++ b/shared-module/src/components/InputFields/CheckBox.tsx @@ -121,10 +121,14 @@ const CheckBox = forwardRef( aria-invalid={rest.error !== undefined} onChange={handleOnChange} ref={ref} - dangerouslySetInnerHTML={labelIsRawHtml ? { __html: rest.label } : undefined} {...rest} /> - {!labelIsRawHtml && {rest.label}} + {/* eslint-disable-next-line react/no-danger-with-children */} + {rest.error && (