- fixed styles for paragraph field;

- update user's new faq item field - now editor;
- fixed displaying docs requested as html content;
- fixed displaying flow;
- fixed submitting new faq item;

src/pages/BandoFormsEdit/components/BuilderElementProperLabel/index.js

@@ -3,22 +3,27 @@ import { head } from 'ramda';
 
 // store
 import { useStore } from '../../../../store';
+import renderHtmlContent from '../../../../helpers/renderHtmlContent';
 
 const BuilderElementProperLabel = ({ id, defaultLabel }) => {
     const elements = useStore().main.formElements();
-    const [label, setLabel] = useState();
+    const [label, setLabel] = useState('');
 
     useEffect(() => {
         const element = head(elements.filter(o => o.id === id));
-        const setting = head(element.settings.filter(o => o.name === 'label'));
-        if (setting) {
-            setLabel(setting.value);
+        const label = head(element.settings.filter(o => o.name === 'label'));
+        const text = head(element.settings.filter(o => o.name === 'text'));
+
+        if (label) {
+            setLabel(label.value);
+        } else if (text) {
+            setLabel(text.value);
         } else {
             setLabel(defaultLabel);
         }
     }, [elements]);
 
-    return label
+    return <div className="label">{renderHtmlContent(label)}</div>
 }
 
 export default BuilderElementProperLabel;

src/pages/BandoFormsEdit/components/BuilderElementSettings/components/ElementSetting/index.js

@@ -29,8 +29,8 @@ const ElementSetting = ({ setting, changeFn, updateDataFn }) => {
                 <button className="ql-underline" aria-label="Underline"></button>
                 <button className="ql-link" aria-label="Link"></button>
                 <button className="ql-list" value="ordered"></button>
-                <button className="ql-header" value="1"></button>
                 <button className="ql-header" value="2"></button>
+                <button className="ql-header" value="3"></button>
                 <button className="ql-blockquote"></button>
                 <button className="ql-list" value="bullet"></button>
                 <button className="ql-indent" value="-1"></button>
@@ -40,7 +40,7 @@ const ElementSetting = ({ setting, changeFn, updateDataFn }) => {
     };
 
     const header = renderHeader();
-console.log('setting', setting)
+
     return <div className="formElementSettings__field" key={setting.name}>
         <label htmlFor={setting.name}>{settingLabels[setting.name]}</label>
         {setting.name === 'options'