- added bando preview page;

- added bando form preview;

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

@@ -7,8 +7,10 @@ import { storeSet } from '../../../../store';
 
 // components
 import { Button } from 'primereact/button';
+import { Tag } from 'primereact/tag';
+import BuilderElementProperLabel from '../BuilderElementProperLabel';
 
-const BuilderElement = ({ id, name, label, index, move  }) => {
+const BuilderElement = ({ id, name, label, index }) => {
     const ref = useRef(null);
 
     const [{ handlerId }, drop] = useDrop({
@@ -74,17 +76,31 @@ const BuilderElement = ({ id, name, label, index, move  }) => {
         }),
     });
 
+    const move = (dragIndex, hoverIndex, item) => {
+        storeSet.main.moveElement(dragIndex, hoverIndex, item);
+    }
+
     const openSettings = (id) => {
         storeSet.main.activeElement(id);
     }
 
+    const remove = (id) => {
+        storeSet.main.removeElement(id);
+    }
+
     const opacity = isDragging ? 0 : 1;
     drag(drop(ref));
 
     return (
         <div ref={ref} className="formBuilder__element" style={{ opacity }} data-handler-id={handlerId}>
-            {label}
-            <Button icon="pi pi-cog" onClick={() => openSettings(id)} outlined />
+            <div className="meta">
+                <Tag value={name} severity="info"/>
+                <BuilderElementProperLabel id={id} defaultLabel={label}/>
+            </div>
+            <div className="actions">
+                <Button icon="pi pi-cog" onClick={() => openSettings(id)} outlined severity="info" />
+                <Button icon="pi pi-trash" onClick={() => remove(id)} outlined severity="danger" />
+            </div>
         </div>
     )
 }