migrate optionRowStyles to ts

Expensify · Aug 25, 2023 · 4163ea2 · 4163ea2
1 parent 34d4e54
commit 4163ea2
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 2 deletions.
diff --git a/src/styles/optionRowStyles/index.native.js → src/styles/optionRowStyles/index.native.ts b/src/styles/optionRowStyles/index.native.js → src/styles/optionRowStyles/index.native.ts
@@ -1,3 +1,4 @@
+import OptionRowStyles from './types';
 import styles from '../styles';
 
 /**
@@ -7,7 +8,7 @@ import styles from '../styles';
  *  https://github.com/Expensify/App/issues/14148
  */
 
-const compactContentContainerStyles = styles.alignItemsCenter;
+const compactContentContainerStyles: OptionRowStyles = styles.alignItemsCenter;
 
 export {
     // eslint-disable-next-line import/prefer-default-export

diff --git a/src/styles/optionRowStyles/index.js → src/styles/optionRowStyles/index.ts b/src/styles/optionRowStyles/index.js → src/styles/optionRowStyles/index.ts
@@ -1,6 +1,7 @@
+import OptionRowStyles from './types';
 import styles from '../styles';
 
-const compactContentContainerStyles = styles.alignItemsBaseline;
+const compactContentContainerStyles: OptionRowStyles = styles.alignItemsBaseline;
 
 export {
     // eslint-disable-next-line import/prefer-default-export

diff --git a/src/styles/optionRowStyles/types.ts b/src/styles/optionRowStyles/types.ts
@@ -0,0 +1,6 @@
+import {CSSProperties} from 'react';
+import {ViewStyle} from 'react-native';
+
+type OptionRowStyles = CSSProperties | ViewStyle;
+
+export default OptionRowStyles;