handle comments

Expensify · Apr 4, 2024 · 64c2a45 · 64c2a45
1 parent c5e509b
commit 64c2a45
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/components/HighlightableMenuItem.tsx b/src/components/HighlightableMenuItem.tsx
@@ -1,5 +1,5 @@
 import type {ForwardedRef} from 'react';
-import {forwardRef} from 'react';
+import React, {forwardRef} from 'react';
 import type {View} from 'react-native';
 import {StyleSheet} from 'react-native';
 import useAnimatedHighlightStyle from '@hooks/useAnimatedHighlightStyle';
@@ -8,6 +8,7 @@ import MenuItem from './MenuItem';
 import type {MenuItemProps} from './MenuItem';
 
 type Props = MenuItemProps & {
+    /** Should the menu item be highlighted? */
     highlighted?: boolean;
 };
 
@@ -25,7 +26,7 @@ function HighlightableMenuItem({wrapperStyle, highlighted, ...restOfProps}: Prop
         <MenuItem
             // eslint-disable-next-line react/jsx-props-no-spreading
             {...restOfProps}
-            wrapperStyle={animatedHighlightStyle}
+            outerWrapperStyle={animatedHighlightStyle}
             ref={ref}
         />
     );

diff --git a/src/hooks/useAnimatedHighlightStyle/config.ts b/src/hooks/useAnimatedHighlightStyle/config.ts
@@ -1,5 +1,7 @@
 import {isMobile} from '@libs/Browser';
 
+// It takes varying amount of time to navigate to a new page on mobile and desktop
+// This variable takes that into account
 const DELAY_FACTOR = isMobile() ? 1 : 0.2;
 export default {};