Ensure that the unsaved title is not persisted when reopening the mod…

…al (#52473)
WordPress · Jul 11, 2023 · 78d8766 · 78d8766
1 parent 3b9c88d
commit 78d8766
Showing 1 changed file with 12 additions and 9 deletions.
diff --git a/packages/edit-site/src/components/template-actions/rename-menu-item.js b/packages/edit-site/src/components/template-actions/rename-menu-item.js
@@ -17,10 +17,8 @@ import { store as noticesStore } from '@wordpress/notices';
 import { decodeEntities } from '@wordpress/html-entities';
 
 export default function RenameMenuItem( { template, onClose } ) {
-	const [ title, setTitle ] = useState(
-		decodeEntities( template.title.rendered )
-	);
-
+	const title = decodeEntities( template.title.rendered );
+	const [ editedTitle, setEditedTitle ] = useState( title );
 	const [ isModalOpen, setIsModalOpen ] = useState( false );
 
 	const { editEntityRecord, saveEditedEntityRecord } =
@@ -37,11 +35,11 @@ export default function RenameMenuItem( { template, onClose } ) {
 
 		try {
 			await editEntityRecord( 'postType', template.type, template.id, {
-				title,
+				title: editedTitle,
 			} );
 
 			// Update state before saving rerenders the list.
-			setTitle( '' );
+			setEditedTitle( '' );
 			setIsModalOpen( false );
 			onClose();
 
@@ -68,7 +66,12 @@ export default function RenameMenuItem( { template, onClose } ) {
 
 	return (
 		<>
-			<MenuItem onClick={ () => setIsModalOpen( true ) }>
+			<MenuItem
+				onClick={ () => {
+					setIsModalOpen( true );
+					setEditedTitle( title );
+				} }
+			>
 				{ __( 'Rename' ) }
 			</MenuItem>
 			{ isModalOpen && (
@@ -84,8 +87,8 @@ export default function RenameMenuItem( { template, onClose } ) {
 							<TextControl
 								__nextHasNoMarginBottom
 								label={ __( 'Name' ) }
-								value={ title }
-								onChange={ setTitle }
+								value={ editedTitle }
+								onChange={ setEditedTitle }
 								required
 							/>