feat(Tooltip): add RTL support

react-bootstrap · Aug 11, 2021 · c82e133 · c82e133
1 parent 9032b16
commit c82e133
Showing 1 changed file with 4 additions and 8 deletions.
diff --git a/src/Tooltip.tsx b/src/Tooltip.tsx
@@ -1,9 +1,9 @@
 import classNames from 'classnames';
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { useBootstrapPrefix } from './ThemeProvider';
+import { useBootstrapPrefix, useIsRTL } from './ThemeProvider';
 import { ArrowProps, Placement } from './types';
-import { BsPrefixProps } from './helpers';
+import { BsPrefixProps, getOverlayDirection } from './helpers';
 
 export interface TooltipProps
   extends React.HTMLAttributes<HTMLDivElement>,
@@ -89,14 +89,10 @@ const Tooltip = React.forwardRef<HTMLDivElement, TooltipProps>(
     ref,
   ) => {
     bsPrefix = useBootstrapPrefix(bsPrefix, 'tooltip');
+    const isRTL = useIsRTL();
 
     const [primaryPlacement] = placement?.split('-') || [];
-    let bsDirection = primaryPlacement;
-    if (primaryPlacement === 'left') {
-      bsDirection = 'start';
-    } else if (primaryPlacement === 'right') {
-      bsDirection = 'end';
-    }
+    const bsDirection = getOverlayDirection(primaryPlacement, isRTL);
 
     return (
       <div