fix(boilerplate): migrate imports path to @/i18n (#2894 by @flexbox)

Author: flexbox

README.md

@@ -81,7 +81,7 @@ Nothing makes it into Ignite unless it's been proven on projects that Infinite R
 | apisauce                         | REST client          | v2      | Communicate with back-end                      |
 | Reactotron RN                    | Inspector/Debugger   | v3      | JS debugging                                   |
 | Hermes                           | JS engine            |         | Fine-tuned JS engine for RN                    |
-| Jest                             | Test Runner          | v26     | Standard test runner for JS apps               |
+| Jest                             | Test Runner          | v29     | Standard test runner for JS apps               |
 | Maestro                          | Testing Framework    |         | Automate end-to-end UI testing                 |
 | date-fns                         | Date library         | v4      | Excellent date library                         |
 | react-native-keyboard-controller | Keyboard library     | v1      | Great keyboard manager library                 |

boilerplate/app/components/EmptyState.tsx

@@ -1,9 +1,10 @@
 import { Image, ImageProps, ImageStyle, StyleProp, TextStyle, View, ViewStyle } from "react-native"
-import { translate } from "../i18n"
+
 import { Button, ButtonProps } from "./Button"
 import { Text, TextProps } from "./Text"
 import { useAppTheme } from "@/utils/useAppTheme"
 import type { ThemedStyle } from "@/theme"
+import { translate } from "@/i18n/translate"
 
 const sadFace = require("../../assets/images/sad-face.png")
 

boilerplate/app/components/Header.tsx

@@ -7,7 +7,7 @@ import {
   View,
   ViewStyle,
 } from "react-native"
-import { isRTL, translate } from "../i18n"
+import { isRTL, translate } from "@/i18n"
 import { $styles } from "../theme"
 import { ExtendedEdge, useSafeAreaInsetsStyle } from "../utils/useSafeAreaInsetsStyle"
 import { Icon, IconTypes } from "./Icon"

boilerplate/app/components/Text.tsx

@@ -1,6 +1,6 @@
 import { TOptions } from "i18next"
 import { StyleProp, Text as RNText, TextProps as RNTextProps, TextStyle } from "react-native"
-import { isRTL, translate, TxKeyPath } from "../i18n"
+import { isRTL, translate, TxKeyPath } from "@/i18n"
 import type { ThemedStyle, ThemedStyleArray } from "@/theme"
 import { useAppTheme } from "@/utils/useAppTheme"
 import { typography } from "@/theme/typography"

boilerplate/app/components/TextField.tsx

@@ -9,7 +9,7 @@ import {
   View,
   ViewStyle,
 } from "react-native"
-import { isRTL, translate } from "../i18n"
+import { isRTL, translate } from "@/i18n"
 import type { ThemedStyle, ThemedStyleArray } from "@/theme"
 import { $styles } from "../theme"
 import { Text, TextProps } from "./Text"

boilerplate/app/models/Episode.ts

@@ -1,7 +1,7 @@
 import { Instance, SnapshotIn, SnapshotOut, types } from "mobx-state-tree"
 import { withSetPropAction } from "./helpers/withSetPropAction"
 import { formatDate } from "../utils/formatDate"
-import { translate } from "../i18n"
+import { translate } from "@/i18n"
 
 interface Enclosure {
   link: string

boilerplate/app/navigators/DemoNavigator.tsx

@@ -3,7 +3,7 @@ import { CompositeScreenProps } from "@react-navigation/native"
 import { TextStyle, ViewStyle } from "react-native"
 import { useSafeAreaInsets } from "react-native-safe-area-context"
 import { Icon } from "../components"
-import { translate } from "../i18n"
+import { translate } from "@/i18n"
 import { DemoCommunityScreen, DemoShowroomScreen, DemoDebugScreen } from "../screens"
 import { DemoPodcastListScreen } from "../screens/DemoPodcastListScreen"
 import type { ThemedStyle } from "@/theme"

boilerplate/app/screens/DemoCommunityScreen.tsx

@@ -4,7 +4,7 @@ import { ListItem, Screen, Text } from "../components"
 import { DemoTabScreenProps } from "../navigators/DemoNavigator"
 import { $styles } from "../theme"
 import { openLinkInBrowser } from "../utils/openLinkInBrowser"
-import { isRTL } from "../i18n"
+import { isRTL } from "@/i18n"
 import type { ThemedStyle } from "@/theme"
 import { useAppTheme } from "@/utils/useAppTheme"
 

boilerplate/app/screens/DemoDebugScreen.tsx

@@ -13,7 +13,7 @@ import { Button, ListItem, Screen, Text } from "../components"
 import { DemoTabScreenProps } from "../navigators/DemoNavigator"
 import type { ThemedStyle } from "@/theme"
 import { $styles } from "../theme"
-import { isRTL } from "../i18n"
+import { isRTL } from "@/i18n"
 import { useStores } from "../models"
 import { useAppTheme } from "@/utils/useAppTheme"
 

boilerplate/app/screens/DemoPodcastListScreen.tsx

@@ -31,7 +31,7 @@ import {
   Switch,
   Text,
 } from "@/components"
-import { isRTL, translate } from "../i18n"
+import { isRTL, translate } from "@/i18n"
 import { useStores } from "../models"
 import { Episode } from "../models/Episode"
 import { DemoTabScreenProps } from "../navigators/DemoNavigator"