chore: settings imports and declaration

Author: hmarques98

template/App.tsx

@@ -1,29 +1,24 @@
 import React from 'react';
 import { useNavigationMounting } from 'navigation/RootNavigation';
-import { log } from '@utils/console';
 import 'localization';
 import Router from 'navigation/Router';
-import { enableScreens } from 'react-native-screens';
 import { FileLogger } from 'react-native-file-logger';
 import { SENTRY_DSN, ENV, ONESIGNAL_ANDROID_KEY } from '@env';
 import * as Sentry from '@sentry/react-native';
 import codePush, { CodePushOptions } from 'react-native-code-push';
-import useNetworkError from 'hooks/useNetworkError';
-import useStartupTime from 'hooks/useStartupTime';
-import useOneSignal from 'hooks/useOneSignal';
 import useAppState from 'react-native-appstate-hook';
 import { Provider } from 'react-redux';
-import store from './src/store';
+import store from '@store/index';
 import { QueryClient, QueryClientProvider } from 'react-query';
+import { warn } from '@utils/console';
+import { theme } from 'theme';
+import { ThemeProvider } from 'styled-components';
 
-enableScreens();
 FileLogger.configure({
   maximumFileSize: 1024 * 1024 * 5, // 5MB,
   maximumNumberOfFiles: 3,
 });
 
-log({ ENV, SENTRY_DSN, ONESIGNAL_ANDROID_KEY });
-
 if (typeof SENTRY_DSN === 'string' && SENTRY_DSN.length > 0) {
   const routingInstrumentation = new Sentry.ReactNavigationV5Instrumentation();
 
@@ -41,22 +36,19 @@ const queryClient = new QueryClient();
 
 const App = () => {
   useNavigationMounting();
-  useOneSignal();
-  useStartupTime();
-
-  useNetworkError();
 
   useAppState({
-    onChange: (newAppState) =>
-      console.warn('App state changed to ', newAppState),
-    onForeground: () => console.warn('App went to Foreground'),
-    onBackground: () => console.warn('App went to background'),
+    onChange: (newAppState) => warn('App state changed to ', newAppState),
+    onForeground: () => warn('App went to Foreground'),
+    onBackground: () => warn('App went to background'),
   });
 
   return (
     <Provider store={store}>
       <QueryClientProvider client={queryClient}>
-        <Router />
+        <ThemeProvider theme={theme}>
+          <Router />
+        </ThemeProvider>
       </QueryClientProvider>
     </Provider>
   );

template/index.js

@@ -2,7 +2,8 @@ import { AppRegistry, LogBox } from 'react-native';
 import App from './App';
 import { name as appName } from './app.json';
 import getStorybookUI from './storybook';
-
+import { enableScreens } from 'react-native-screens';
+enableScreens();
 LogBox.ignoreLogs(['Setting a timer']);
 let EntryPoint;
 const showStorybook = false;

template/src/navigation/Router.tsx

@@ -2,11 +2,10 @@ import React from 'react';
 import { LinkingOptions, NavigationContainer } from '@react-navigation/native';
 import { createStackNavigator } from '@react-navigation/stack';
 
-import { SafeAreaProvider, SafeAreaView } from 'react-native-safe-area-context';
+import { SafeAreaProvider } from 'react-native-safe-area-context';
 import { navigationRef } from 'navigation/RootNavigation';
 
 import { commonScreens, CommonStackParamList } from 'screens';
-import { ThemeProvider } from 'styled-components';
 import { theme } from '../../theme';
 import RNBootSplash from 'react-native-bootsplash';
 
@@ -27,32 +26,30 @@ const linking: LinkingOptions = {
 
 export default function Router() {
   return (
-    <ThemeProvider theme={theme}>
-      <NavigationContainer
-        linking={linking}
-        ref={navigationRef}
-        onReady={() => {
-          setTimeout(() => {
-            RNBootSplash.hide({ fade: true }); // fade
-          }, 3000);
-        }}>
-        <SafeAreaProvider>
-          <Stack.Navigator screenOptions={screenOptions}>
-            {Object.entries({
-              // Use the screens normally
-              ...commonScreens,
-            }).map(([name, props]) => {
-              return (
-                <Stack.Screen
-                  key={name}
-                  name={name as keyof ParamList}
-                  {...props}
-                />
-              );
-            })}
-          </Stack.Navigator>
-        </SafeAreaProvider>
-      </NavigationContainer>
-    </ThemeProvider>
+    <NavigationContainer
+      linking={linking}
+      ref={navigationRef}
+      onReady={() => {
+        setTimeout(() => {
+          RNBootSplash.hide({ fade: true }); // fade
+        }, 3000);
+      }}>
+      <SafeAreaProvider>
+        <Stack.Navigator screenOptions={screenOptions}>
+          {Object.entries({
+            // Use the screens normally
+            ...commonScreens,
+          }).map(([name, props]) => {
+            return (
+              <Stack.Screen
+                key={name}
+                name={name as keyof ParamList}
+                {...props}
+              />
+            );
+          })}
+        </Stack.Navigator>
+      </SafeAreaProvider>
+    </NavigationContainer>
   );
 }

template/src/screens/index.ts

@@ -1,16 +1,19 @@
 import HomeScreen from 'screens/Home';
 import CustomWebView from 'screens/CharacterDetail';
+/* PLOP_INJECT_IMPORT */
 import { StackNavigationOptions } from '@react-navigation/stack';
 import { IPeople } from 'src/interfaces/IPeople';
 
 export type CommonStackParamList = {
   CharacterDetail: { character: IPeople };
   Home: undefined;
+  /* PLOP_INJECT_TYPE */
 };
 
 const options: StackNavigationOptions = { gestureEnabled: false };
 
 export const commonScreens = {
   Home: { component: HomeScreen, options },
   CharacterDetail: { component: CustomWebView },
+  /* PLOP_INJECT_SCREEN */
 };