add flag to control if multiple columns are allowed (#129)

ingef · Jul 12, 2018 · 957d021 · 957d021
1 parent 6ee2f85
commit 957d021
Showing 1 changed file with 10 additions and 5 deletions.
diff --git a/frontend/lib/js/form-components/DropzoneList.js b/frontend/lib/js/form-components/DropzoneList.js
@@ -17,6 +17,7 @@ type PropsType = {
   acceptedDropTypes: string[],
   onDrop: Function,
   onDelete: Function,
+  disallowMultipleColumns?: boolean
 };
 
 const DropzoneList = (props: PropsType) => {
@@ -46,11 +47,15 @@ const DropzoneList = (props: PropsType) => {
           }
         </div>
       }
-      <FreeDropzone
-        className={props.dropzoneClassName}
-        containsItem={false}
-        dropzoneText={props.dropzoneText}
-      />
+      {
+        // allow at least one column
+        ((props.items && props.items.length === 0) || !props.disallowMultipleColumns) &&
+        <FreeDropzone
+          className={props.dropzoneClassName}
+          containsItem={false}
+          dropzoneText={props.dropzoneText}
+        />
+      }
     </div>
   );
 };