Store controls in state

Automattic · Nov 6, 2024 · 8b198bf · 8b198bf
1 parent c3dd120
commit 8b198bf
Showing 1 changed file with 12 additions and 10 deletions.
diff --git a/assets/admin/students/student-action-menu/index.js b/assets/admin/students/student-action-menu/index.js
@@ -25,15 +25,6 @@ export const StudentActionMenu = ( {
 	studentName,
 	studentDisplayName,
 } ) => {
-	const [ action, setAction ] = useState( '' );
-	const [ isModalOpen, setModalOpen ] = useState( false );
-	const closeModal = ( needsReload ) => {
-		if ( needsReload ) {
-			window.location.reload();
-		}
-		setModalOpen( false );
-	};
-
 	const defaultControls = [
 		{
 			title: __( 'Add to Course', 'sensei-lms' ),
@@ -57,6 +48,17 @@ export const StudentActionMenu = ( {
 		},
 	];
 
+	const [ action, setAction ] = useState( '' );
+	const [ controls, setControls ] = useState( defaultControls );
+	const [ isModalOpen, setModalOpen ] = useState( false );
+
+	const closeModal = ( needsReload ) => {
+		if ( needsReload ) {
+			window.location.reload();
+		}
+		setModalOpen( false );
+	};
+
 	/**
 	 * Filters controls for the single student action menu.
 	 *
@@ -68,7 +70,7 @@ export const StudentActionMenu = ( {
 	 *
 	 * @return {Array} Filtered controls.
 	 */
-	const controls = applyFilters(
+	applyFilters(
 		'senseiStudentActionMenuControls',
 		defaultControls,
 		setAction,