Merge pull request #25923 from software-mansion-labs/ts-migration/get…

…-navigation-modal-card-styles [No QA] [TS migration] Migrate 'getNavigationModalCardStyles' style to TypeScript
Expensify · Aug 25, 2023 · 74918db · 74918db
2 parents 0acef6d + 6b1a41e
commit 74918db
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 2 deletions.
diff --git a/...tyles/getBaseNavigationModalCardStyles.js → ...tyles/getBaseNavigationModalCardStyles.ts b/...tyles/getBaseNavigationModalCardStyles.js → ...tyles/getBaseNavigationModalCardStyles.ts
@@ -1,10 +1,13 @@
 import variables from '../variables';
+import GetNavigationModalCardStyles from './types';
 
-export default ({isSmallScreenWidth}) => ({
+const getBaseNavigationModalCardStyles: GetNavigationModalCardStyles = ({isSmallScreenWidth}) => ({
     position: 'absolute',
     top: 0,
     right: 0,
     width: isSmallScreenWidth ? '100%' : variables.sideBarWidth,
     backgroundColor: 'transparent',
     height: '100%',
 });
+
+export default getBaseNavigationModalCardStyles;
diff --git a/...les/getNavigationModalCardStyles/index.js → ...les/getNavigationModalCardStyles/index.ts b/...les/getNavigationModalCardStyles/index.js → ...les/getNavigationModalCardStyles/index.ts
diff --git a/...avigationModalCardStyles/index.website.js → ...avigationModalCardStyles/index.website.ts b/...avigationModalCardStyles/index.website.js → ...avigationModalCardStyles/index.website.ts
@@ -1,6 +1,7 @@
 import getBaseNavigationModalCardStyles from './getBaseNavigationModalCardStyles';
+import GetNavigationModalCardStyles from './types';
 
-export default ({isSmallScreenWidth}) => ({
+const getNavigationModalCardStyles: GetNavigationModalCardStyles = ({isSmallScreenWidth}) => ({
     ...getBaseNavigationModalCardStyles({isSmallScreenWidth}),
 
     // position: fixed is set instead of position absolute to workaround Safari known issues of updating heights in DOM.
@@ -10,3 +11,5 @@ export default ({isSmallScreenWidth}) => ({
     // https://github.com/Expensify/App/issues/20709
     position: 'fixed',
 });
+
+export default getNavigationModalCardStyles;
diff --git a/src/styles/getNavigationModalCardStyles/types.ts b/src/styles/getNavigationModalCardStyles/types.ts
@@ -0,0 +1,9 @@
+import {CSSProperties} from 'react';
+import {ViewStyle} from 'react-native';
+import {Merge} from 'type-fest';
+
+type GetNavigationModalCardStylesParams = {isSmallScreenWidth: number};
+
+type GetNavigationModalCardStyles = (params: GetNavigationModalCardStylesParams) => Merge<ViewStyle, Pick<CSSProperties, 'position'>>;
+
+export default GetNavigationModalCardStyles;