Enhancement: Toggle add file button on single file field (#7315)

pods-framework · Aug 27, 2024 · 9171ecb · 9171ecb
2 parents b4f492c + 35e9f52
commit 9171ecb
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 5 deletions.
diff --git a/ui/js/dfv/src/fields/marionette-adapter.js b/ui/js/dfv/src/fields/marionette-adapter.js
@@ -98,10 +98,13 @@ class MarionetteAdapter extends React.Component {
 	}
 
 	render() {
-		const { className } = this.props;
-
+		const { className, fieldConfig } = this.props;
+		const allowSingleFile = Number( fieldConfig?.file_limit ) === 1;
+		// Add an extra class so we're able to hide the `Add file` button,
+		// when an image or video is already being added into the field.
+		const wrapperClasses = `pods-marionette-adapter-wrapper ${ allowSingleFile ? 'pods-marionette-adapter-wrapper-single-file' : '' }`;
 		return (
-			<div className="pods-marionette-adapter-wrapper">
+			<div className={ wrapperClasses }>
 				<div
 					className={ className }
 					ref={ ( element ) => this.element = element }