feedback

Author: ntsekouras

packages/fields/src/components/media-edit/index.tsx

@@ -207,14 +207,14 @@ export default function MediaEdit< Item >( {
 		[ value ]
 	);
 	const onChangeControl = useCallback(
-		( newValue: number | number[] ) =>
+		( newValue: number | number[] | undefined ) =>
 			onChange( field.setValue( { item: data, value: newValue } ) ),
 		[ data, field, onChange ]
 	);
 	const removeItem = ( itemId: number ) => {
 		const currentIds = Array.isArray( value ) ? value : [ value ];
 		const newIds = currentIds.filter( ( id ) => id !== itemId );
-		onChangeControl( newIds.length ? newIds : 0 );
+		onChangeControl( newIds.length ? newIds : undefined );
 	};
 	return (
 		<fieldset className="fields__media-edit" data-field-id={ field.id }>

packages/fields/src/components/media-edit/style.scss

@@ -18,7 +18,7 @@ fieldset.fields__media-edit {
 		display: flex;
 		align-items: center;
 		gap: $grid-unit-15;
-		border: $border-width dotted $gray-300;
+		border: $border-width dashed $gray-300;
 		border-radius: $radius-small;
 		padding: calc(8px - #{$border-width});
 		cursor: pointer;

packages/fields/src/fields/featured-image/index.tsx

@@ -17,6 +17,9 @@ const featuredImageField: Field< BasePostWithEmbeddedFeaturedMedia > = {
 	label: __( 'Featured Image' ),
 	Edit: MediaEdit,
 	render: FeaturedImageView,
+	setValue: ( { value } ) => ( {
+		featured_media: value ? Number( value ) : 0,
+	} ),
 	enableSorting: false,
 	filterBy: false,
 };