Allow the key takeaways to be edited or removed

10up · Jan 24, 2025 · 2f4905b · 2f4905b
1 parent 075b0db
commit 2f4905b
Showing 1 changed file with 30 additions and 2 deletions.
diff --git a/includes/Classifai/Blocks/key-takeaways/edit.js b/includes/Classifai/Blocks/key-takeaways/edit.js
@@ -87,6 +87,20 @@ const BlockEdit = ( props ) => {
 		},
 	];
 
+	const editTakeaways = ( index, value ) => {
+		const newTakeaways = [ ...takeaways ];
+
+		if ( ! value ) {
+			newTakeaways.splice( index, 1 );
+		} else {
+			newTakeaways[ index ] = value;
+		}
+
+		setAttributes( {
+			takeaways: newTakeaways,
+		} );
+	};
+
 	return (
 		<>
 			<BlockControls>
@@ -136,14 +150,28 @@ const BlockEdit = ( props ) => {
 						{ render === 'list' && (
 							<ul>
 								{ takeaways.map( ( takeaway, index ) => (
-									<li key={ index }>{ takeaway }</li>
+									<RichText
+										tagName="li"
+										value={ takeaway }
+										key={ index }
+										onChange={ ( value ) =>
+											editTakeaways( index, value )
+										}
+									/>
 								) ) }
 							</ul>
 						) }
 						{ render === 'paragraph' && (
 							<>
 								{ takeaways.map( ( takeaway, index ) => (
-									<p key={ index }>{ takeaway }</p>
+									<RichText
+										tagName="p"
+										value={ takeaway }
+										key={ index }
+										onChange={ ( value ) =>
+											editTakeaways( index, value )
+										}
+									/>
 								) ) }
 							</>
 						) }