updating how types are imported

Author: mazenchami

app/navigators/AppNavigator.tsx

@@ -1,5 +1,5 @@
 import { NavigationContainer } from '@react-navigation/native'
-import { NativeStackScreenProps } from '@react-navigation/native-stack'
+import type { NativeStackScreenProps } from '@react-navigation/native-stack'
 import React from 'react'
 
 /**

app/screens/GameDetailsScreen.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { TextStyle, View, ViewStyle } from 'react-native'
+import type { TextStyle, ViewStyle } from 'react-native'
+import { View } from 'react-native'
 import { useSafeAreaInsets } from 'react-native-safe-area-context'
 
 import { colors, sizes } from '../../shared/theme'

app/screens/GamesListScreen.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { TextStyle, View, ViewStyle } from 'react-native'
+import type { TextStyle, ViewStyle } from 'react-native'
+import { View } from 'react-native'
 import { useSafeAreaInsets } from 'react-native-safe-area-context'
 
 import { colors, sizes } from '../../shared/theme'

app/screens/ReviewScreen.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { TextStyle, View, ViewStyle } from 'react-native'
+import type { TextStyle, ViewStyle } from 'react-native'
+import { View } from 'react-native'
 import { useSafeAreaInsets } from 'react-native-safe-area-context'
 
 import { colors, sizes } from '../../shared/theme'

msw/handlers/games.ts

@@ -1,6 +1,6 @@
 import { rest } from 'msw'
 
-import { PostGamesParams } from '../../shared/services/types'
+import type { PostGamesParams } from '../../shared/services/types'
 import { gameData, sliceGames, sortGames } from '../utils/prepareGameData'
 
 export const games = rest.post(

msw/utils/prepareGameData.ts

@@ -1,4 +1,4 @@
-import { PostGamesParams } from '../../shared/services/types'
+import type { PostGamesParams } from '../../shared/services/types'
 import rawData from '../mocks/games.json'
 import { camelCaseKeys } from './camelCaseKeys'
 

shared/utils/trainingHelper.tsx

@@ -1,5 +1,6 @@
 import React, { useMemo, useState } from 'react'
-import { DevSettings, Platform, TextStyle } from 'react-native'
+import { DevSettings, Platform } from 'react-native'
+import type { TextStyle } from 'react-native'
 import { MMKV } from 'react-native-mmkv'
 
 import { Text } from '../../solutions/chapter7/components/Text'

shared/utils/useAppState.ts

@@ -3,7 +3,8 @@
  * Source: https://github.com/Reykjavik151/react-native-hookbox
  */
 import { useEffect, useState } from 'react'
-import { AppState, type AppStateStatus } from 'react-native'
+import type { AppStateStatus } from 'react-native'
+import { AppState } from 'react-native'
 
 /**
  * Get the current app state

solutions/chapter1/components/Card.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { Image, type ImageStyle, View, type ViewStyle } from 'react-native'
+import type { ImageStyle, ViewStyle } from 'react-native'
+import { Image, View } from 'react-native'
 
 import { colors, sizes } from '../../../shared/theme'
 import { Icon } from './Icon'

solutions/chapter1/components/Text.tsx

@@ -1,10 +1,6 @@
 import React from 'react'
-import {
-  StyleProp,
-  Text as RNText,
-  type TextProps as RNTextProps,
-  TextStyle,
-} from 'react-native'
+import type { StyleProp, TextProps as RNTextProps, TextStyle } from 'react-native'
+import { Text as RNText } from 'react-native'
 
 import { colors, fonts } from '../../../shared/theme'