Replace the removed getRTL

WordPress · Dec 21, 2020 · 8b30eda · 8b30eda
1 parent dbf03d7
commit 8b30eda
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 6 deletions.
diff --git a/packages/components/src/navigation/back-button/index.js b/packages/components/src/navigation/back-button/index.js
@@ -6,15 +6,14 @@ import classnames from 'classnames';
  * WordPress dependencies
  */
 import { forwardRef } from '@wordpress/element';
-import { __ } from '@wordpress/i18n';
+import { __, isRTL } from '@wordpress/i18n';
 import { Icon, chevronLeft, chevronRight } from '@wordpress/icons';
 
 /**
  * Internal dependencies
  */
 import { useNavigationContext } from '../context';
 import { MenuBackButtonUI } from '../styles/navigation-styles';
-import { getRTL } from '../../utils/rtl';
 
 function NavigationBackButton(
 	{ backButtonLabel, className, href, onClick, parentMenu },
@@ -34,12 +33,12 @@ function NavigationBackButton(
 			onClick( event );
 		}
 
-		const animationDirection = getRTL() ? 'left' : 'right';
+		const animationDirection = isRTL() ? 'left' : 'right';
 		if ( parentMenu && ! event.defaultPrevented ) {
 			setActiveMenu( parentMenu, animationDirection );
 		}
 	};
-	const icon = getRTL() ? chevronRight : chevronLeft;
+	const icon = isRTL() ? chevronRight : chevronLeft;
 	return (
 		<MenuBackButtonUI
 			className={ classes }

diff --git a/packages/components/src/toolbar/toolbar-container.js b/packages/components/src/toolbar/toolbar-container.js
@@ -7,12 +7,12 @@ import { useToolbarState, Toolbar } from 'reakit/Toolbar';
  * WordPress dependencies
  */
 import { forwardRef } from '@wordpress/element';
+import { isRTL } from '@wordpress/i18n';
 
 /**
  * Internal dependencies
  */
 import ToolbarContext from '../toolbar-context';
-import { getRTL } from '../utils/rtl';
 
 function ToolbarContainer( { label, ...props }, ref ) {
 	// https://reakit.io/docs/basic-concepts/#state-hooks
@@ -21,7 +21,7 @@ function ToolbarContainer( { label, ...props }, ref ) {
 	const toolbarState = useToolbarState( {
 		loop: true,
 		baseId: props.id,
-		rtl: getRTL(),
+		rtl: isRTL(),
 	} );
 
 	return (