fix lint issues

Author: pchalupa

app.config.ts

@@ -1,14 +1,13 @@
-/* eslint-disable import/consistent-type-specifier-style */
-import { ExpoConfig, IOS } from '@expo/config-types'
+import type { ExpoConfig, IOS } from '@expo/config-types'
 
 import packageJson from './package.json'
 
 import type { OtaUpdatePriority } from '~/features/versionCheck/hooks/useOTAUpdate'
-import { Environment } from '~/types/env'
+import type { Environment } from '~/types/env'
 
 declare const process: {
   env: {
-    EXPO_PUBLIC_APP_ENV: Environment
+    EXPO_PUBLIC_APP_ENV?: Environment
     EXPO_PUBLIC_APP_VERSION: string
     EXPO_PUBLIC_BUILD_NUMBER: string
   }
@@ -32,7 +31,7 @@ const config = {
   otaUpdateUrl: '',
 }
 
-const detectedEnvironment = process.env.EXPO_PUBLIC_APP_ENV || 'dev'
+const detectedEnvironment = process.env.EXPO_PUBLIC_APP_ENV ?? 'dev'
 
 // your custom fonts
 const fonts = ['./assets/fonts/Domine-Bold.ttf']

app/(home)/_layout.tsx

@@ -17,16 +17,16 @@ export default function TabLayout() {
       }}
     >
       <Tabs.Screen
-        name="index"
         options={{
           title: 'Dashboard',
         }}
+        name="index"
       />
       <Tabs.Screen
-        name="profile"
         options={{
           title: 'Profile',
         }}
+        name="profile"
       />
     </Tabs>
   )

src/features/offlineCheck/components/OfflineMessage.tsx

@@ -28,8 +28,8 @@ export const OfflineMessage = () => {
     >
       <Pressable
         hitSlop={3}
-        onPress={handleReload}
         style={{ flexDirection: 'row', alignItems: 'center' }}
+        onPress={handleReload}
       >
         <Text>{`You are offline.${showReload ? ' Stuck?' : ''}`}</Text>
         {showReload && <Text>- try reloading the app</Text>}

src/features/ui/components/Button.tsx

@@ -22,7 +22,7 @@ const styles = StyleSheet.create({
 })
 
 export const Button = ({ text, onPress }: ButtonProps) => (
-  <TouchableOpacity onPress={onPress} style={styles.wrapper}>
+  <TouchableOpacity style={styles.wrapper} onPress={onPress}>
     <Text style={styles.text}>{text}</Text>
   </TouchableOpacity>
 )

src/features/versionCheck/components/ForcedUpdate.tsx

@@ -1,6 +1,6 @@
 import * as Linking from 'expo-linking'
 import { useEffect } from 'react'
-import { View, Alert, AlertButton } from 'react-native'
+import { View, Alert, type AlertButton } from 'react-native'
 
 import { getStoreLink } from '~/utils/getStoreLink'
 

src/provider/index.tsx

@@ -1,6 +1,6 @@
 import { useMMKVDevTools } from '@dev-plugins/react-native-mmkv'
 import * as SplashScreen from 'expo-splash-screen'
-import React, { PropsWithChildren, useCallback, useEffect } from 'react'
+import React, { type PropsWithChildren, useCallback, useEffect } from 'react'
 import { GestureHandlerRootView } from 'react-native-gesture-handler'
 
 import { OfflineMessage } from '~/features/offlineCheck/components/OfflineMessage'

src/utils/scale.ts

@@ -26,7 +26,6 @@ export const verticalScale = (size: number) =>
 export const moderateVerticalScale = (size: number, factor = 0.5) =>
   size + (verticalScale(size) - size) * factor
 
-// eslint-disable-next-line id-length
 export const s = scale
 export const vs = verticalScale
 export const ms = moderateScale

src/utils/setFontScaling.ts

@@ -1,5 +1,3 @@
-/* eslint-disable @typescript-eslint/no-unsafe-member-access */
-/* eslint-disable @typescript-eslint/no-unsafe-assignment */
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-nocheck
 
@@ -10,8 +8,8 @@ import { Text, TextInput } from 'react-native'
 const MAXIMUM_FONT_SCALE = 1.25
 
 export const setFontScaling = () => {
-  Text.defaultProps = Text.defaultProps || {}
+  Text.defaultProps = Text.defaultProps ?? {}
   Text.defaultProps.maxFontSizeMultiplier = MAXIMUM_FONT_SCALE
-  TextInput.defaultProps = TextInput.defaultProps || {}
+  TextInput.defaultProps = TextInput.defaultProps ?? {}
   TextInput.defaultProps.maxFontSizeMultiplier = MAXIMUM_FONT_SCALE
 }