add dynamic button based on the next state to be saved

WordPress · Jul 25, 2019 · 8320d22 · 8320d22
1 parent 03227a6
commit 8320d22
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/edit-post/src/components/options-modal/options/enable-custom-fields.js b/packages/edit-post/src/components/options-modal/options/enable-custom-fields.js
@@ -11,7 +11,7 @@ import { withSelect } from '@wordpress/data';
  */
 import BaseOption from './base';
 
-export function CustomFieldsConfirmation() {
+export function CustomFieldsConfirmation( { nextState } ) {
 	const [ isReloading, setIsReloading ] = useState( false );
 
 	return (
@@ -29,7 +29,7 @@ export function CustomFieldsConfirmation() {
 					document.getElementById( 'toggle-custom-fields-form' ).submit();
 				} }
 			>
-				{ __( 'Save & Reload' ) }
+				{ nextState === true ? __( 'Enable & Reload' ) : __( 'Disable & Reload' ) }
 			</Button>
 		</>
 	);
@@ -44,7 +44,7 @@ export function EnableCustomFieldsOption( { label, areCustomFieldsEnabled } ) {
 			isChecked={ isChecked }
 			onChange={ setIsChecked }
 		>
-			{ isChecked !== areCustomFieldsEnabled && <CustomFieldsConfirmation /> }
+			{ isChecked !== areCustomFieldsEnabled && <CustomFieldsConfirmation nextState={ isChecked } /> }
 		</BaseOption>
 	);
 }