Merge pull request Expensify#26065 from pasyukevich/migrate-ts/getRep…

…ortActionContextMenuStyles [No QA] [TS migration] Migrate 'getReportActionContextMenuStyles.js' style to TypeScript
abdel-h66 · Aug 31, 2023 · 3d4d671 · 3d4d671
2 parents d937164 + 453341e
commit 3d4d671
Showing 1 changed file with 10 additions and 7 deletions.
diff --git a/...tyles/getReportActionContextMenuStyles.js → ...tyles/getReportActionContextMenuStyles.ts b/...tyles/getReportActionContextMenuStyles.js → ...tyles/getReportActionContextMenuStyles.ts
@@ -1,12 +1,16 @@
+import {CSSProperties} from 'react';
+import {ViewStyle} from 'react-native';
 import styles from './styles';
 import variables from './variables';
 import themeColors from './themes/default';
 
-const defaultWrapperStyle = {
+type StylesArray = Array<ViewStyle | CSSProperties>;
+
+const defaultWrapperStyle: ViewStyle | CSSProperties = {
     backgroundColor: themeColors.componentBG,
 };
 
-const miniWrapperStyle = [
+const miniWrapperStyle: StylesArray = [
     styles.flexRow,
     defaultWrapperStyle,
     {
@@ -18,16 +22,15 @@ const miniWrapperStyle = [
     },
 ];
 
-const bigWrapperStyle = [styles.flexColumn, defaultWrapperStyle];
+const bigWrapperStyle: StylesArray = [styles.flexColumn, defaultWrapperStyle];
 
 /**
  * Generate the wrapper styles for the ReportActionContextMenu.
  *
- * @param {Boolean} isMini
- * @param {Boolean} isSmallScreenWidth
- * @returns {Array}
+ * @param isMini
+ * @param isSmallScreenWidth
  */
-function getReportActionContextMenuStyles(isMini, isSmallScreenWidth) {
+function getReportActionContextMenuStyles(isMini: boolean, isSmallScreenWidth: boolean): StylesArray {
     if (isMini) {
         return miniWrapperStyle;
     }