diff --git a/src/styles/getContextMenuItemStyles/index.js b/src/styles/getContextMenuItemStyles/index.js deleted file mode 100644 index 4116ac75ce05..000000000000 --- a/src/styles/getContextMenuItemStyles/index.js +++ /dev/null @@ -1,9 +0,0 @@ -import styles from '@styles/styles'; -import variables from '@styles/variables'; - -export default (windowWidth) => { - if (windowWidth > variables.mobileResponsiveWidthBreakpoint) { - return [styles.popoverMenuItem, styles.contextMenuItemPopoverMaxWidth]; - } - return [styles.popoverMenuItem]; -}; diff --git a/src/styles/getContextMenuItemStyles/index.native.js b/src/styles/getContextMenuItemStyles/index.native.js deleted file mode 100644 index cbb048a68d2f..000000000000 --- a/src/styles/getContextMenuItemStyles/index.native.js +++ /dev/null @@ -1,3 +0,0 @@ -import styles from '@styles/styles'; - -export default () => [styles.popoverMenuItem]; diff --git a/src/styles/getContextMenuItemStyles/index.native.ts b/src/styles/getContextMenuItemStyles/index.native.ts new file mode 100644 index 000000000000..798e64fb348c --- /dev/null +++ b/src/styles/getContextMenuItemStyles/index.native.ts @@ -0,0 +1,6 @@ +import styles from '@styles/styles'; +import GetContextMenuItemStyle from './types'; + +const getContextMenuItemStyle: GetContextMenuItemStyle = () => [styles.popoverMenuItem]; + +export default getContextMenuItemStyle; diff --git a/src/styles/getContextMenuItemStyles/index.ts b/src/styles/getContextMenuItemStyles/index.ts new file mode 100644 index 000000000000..3f5a8049d31d --- /dev/null +++ b/src/styles/getContextMenuItemStyles/index.ts @@ -0,0 +1,12 @@ +import styles from '@styles/styles'; +import variables from '@styles/variables'; +import GetContextMenuItemStyle from './types'; + +const GetContextMenuItemStyles: GetContextMenuItemStyle = (windowWidth) => { + if (windowWidth && windowWidth > variables.mobileResponsiveWidthBreakpoint) { + return [styles.popoverMenuItem, styles.contextMenuItemPopoverMaxWidth]; + } + return [styles.popoverMenuItem]; +}; + +export default GetContextMenuItemStyles; diff --git a/src/styles/getContextMenuItemStyles/types.ts b/src/styles/getContextMenuItemStyles/types.ts new file mode 100644 index 000000000000..102f63575bd9 --- /dev/null +++ b/src/styles/getContextMenuItemStyles/types.ts @@ -0,0 +1,5 @@ +import {ViewStyle} from 'react-native'; + +type GetContextMenuItemStyle = (windowWidth?: number) => ViewStyle[]; + +export default GetContextMenuItemStyle;