diff --git a/src/elements/table-placeholder.tsx b/src/elements/table-placeholder.tsx index a220526..0e29ff2 100644 --- a/src/elements/table-placeholder.tsx +++ b/src/elements/table-placeholder.tsx @@ -11,6 +11,7 @@ import { __ } from '@wordpress/i18n'; import { useState, createInterpolateElement } from '@wordpress/element'; import { BlockIcon } from '@wordpress/block-editor'; import { Button, Placeholder, TextControl, ToggleControl } from '@wordpress/components'; +import { isAppleOS } from '@wordpress/keycodes'; /** * Internal dependencies @@ -97,10 +98,15 @@ export default function TablePlaceholder( { setAttributes }: Props ) { > { createInterpolateElement( - __( - 'Hint: Hold Ctrl key to select multiple cells. Hold Shift key to select the range.', - 'flexible-table-block' - ), + isAppleOS() + ? __( + 'Hint: Hold Command key to select multiple cells. Hold Shift key to select the range.', + 'flexible-table-block' + ) + : __( + 'Hint: Hold Ctrl key to select multiple cells. Hold Shift key to select the range.', + 'flexible-table-block' + ), { code: } ) } diff --git a/src/settings/global-settings/help-modal.tsx b/src/settings/global-settings/help-modal.tsx index 3029a24..76899e5 100644 --- a/src/settings/global-settings/help-modal.tsx +++ b/src/settings/global-settings/help-modal.tsx @@ -15,6 +15,7 @@ import { __experimentalText as Text, __experimentalHeading as Heading, } from '@wordpress/components'; +import { isAppleOS } from '@wordpress/keycodes'; type Props = { setIsHelpModalOpen: Dispatch< SetStateAction< boolean > >; @@ -43,10 +44,15 @@ export default function HelpModal( { setIsHelpModalOpen }: Props ) { { __( 'Select multiple cells', 'flexible-table-block' ) } { createInterpolateElement( - __( - 'Hold Ctrl key to select multiple cells or hold Shift key to select the range. Selecting multiple cells is used to merge cells or to change styles of multiple cells.', - 'flexible-table-block' - ), + isAppleOS() + ? __( + 'Hold Command key to select multiple cells. Hold Shift key to select the range. Selecting multiple cells is used to merge cells or to change styles of multiple cells.', + 'flexible-table-block' + ) + : __( + 'Hold Ctrl key to select multiple cells. Hold Shift key to select the range. Selecting multiple cells is used to merge cells or to change styles of multiple cells.', + 'flexible-table-block' + ), { code: } ) }