Use the keyboard shortcuts package for the title bar (#50873)

WordPress · May 23, 2023 · 97ab6b1 · 97ab6b1
1 parent 58a22ce
commit 97ab6b1
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/packages/edit-site/src/components/header-edit-mode/document-actions/index.js b/packages/edit-site/src/components/header-edit-mode/document-actions/index.js
@@ -11,6 +11,7 @@ import {
 } from '@wordpress/components';
 import { BlockIcon } from '@wordpress/block-editor';
 import { privateApis as commandsPrivateApis } from '@wordpress/commands';
+import { displayShortcut } from '@wordpress/keycodes';
 
 /**
  * Internal dependencies
@@ -43,8 +44,6 @@ export default function DocumentActions() {
 			? __( 'template part' )
 			: __( 'template' );
 
-	const isMac = /Mac|iPod|iPhone|iPad/.test( window.navigator.platform );
-
 	return (
 		<Button
 			className="edit-site-document-actions"
@@ -69,7 +68,7 @@ export default function DocumentActions() {
 				</Text>
 			</HStack>
 			<span className="edit-site-document-actions__shortcut">
-				{ isMac ? '⌘' : 'Ctrl' } K
+				{ displayShortcut.primary( 'k' ) }
 			</span>
 		</Button>
 	);