2aae37d67b
* Refactor `useOnMainScroll` function to use responsive device detection - Replace static `isDesktopWeb` with `useWebMediaQueries` hook to enable dynamic device type detection. - Create `useDeviceLimits` hook to dynamically determine `DY_LIMIT_UP` and `DY_LIMIT_DOWN` based on device type. - Update dependency arrays for the `useCallback` hooks to include new dynamic variables. * Refactor styles to be responsive to device type - Create `useStyles` hook that generates styles object based on device type detected from `useWebMediaQueries`. - Replace static styles object with dynamic styles object generated from `useStyles` hook in components. - This allows `paddingLeft` values for 'ul' and 'ol' styles to adapt to device type dynamically. - This allows `maxWidth` values for 'metaItem'' styles to adapt to device type dynamically. * Remove `isDesktopWeb` in favor of `useWebMediaQueries().isDesktop` * Refactor `SplashScreen` component for responsive design * Revision based on review results * Fix isNative check --------- Co-authored-by: Paul Frazee <pfrazee@gmail.com>
18 lines
683 B
TypeScript
18 lines
683 B
TypeScript
import {Platform} from 'react-native'
|
|
import {getLocales} from 'expo-localization'
|
|
import {dedupArray} from 'lib/functions'
|
|
|
|
export const isIOS = Platform.OS === 'ios'
|
|
export const isAndroid = Platform.OS === 'android'
|
|
export const isNative = isIOS || isAndroid
|
|
export const devicePlatform = isIOS ? 'ios' : isAndroid ? 'android' : 'web'
|
|
export const isWeb = !isNative
|
|
export const isMobileWebMediaQuery = 'only screen and (max-width: 1300px)'
|
|
export const isMobileWeb =
|
|
isWeb &&
|
|
// @ts-ignore we know window exists -prf
|
|
global.window.matchMedia(isMobileWebMediaQuery)?.matches
|
|
|
|
export const deviceLocales = dedupArray(
|
|
getLocales?.().map?.(locale => locale.languageCode),
|
|
)
|