chore: updated template

Author: hmarques98

.gitignore

@@ -67,3 +67,67 @@ template/ios/Podfile.lock
 template/android/build/
 
 .DS_Store
+
+# OSX
+#
+.DS_Store
+
+# Xcode
+#
+build/
+*.pbxuser
+!default.pbxuser
+*.mode1v3
+!default.mode1v3
+*.mode2v3
+!default.mode2v3
+*.perspectivev3
+!default.perspectivev3
+xcuserdata
+*.xccheckout
+*.moved-aside
+DerivedData
+*.hmap
+*.ipa
+*.xcuserstate
+
+# Android/IntelliJ
+#
+build/
+.idea
+.gradle
+local.properties
+*.iml
+
+# Visual Studio Code
+#
+.vscode/
+
+# node.js
+#
+node_modules/
+npm-debug.log
+yarn-error.log
+
+# BUCK
+buck-out/
+\.buckd/
+*.keystore
+!debug.keystore
+
+# fastlane
+#
+# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
+# screenshots whenever they are needed.
+# For more information about the recommended setup visit:
+# https://docs.fastlane.tools/best-practices/source-control/
+
+*/fastlane/report.xml
+*/fastlane/Preview.html
+*/fastlane/screenshots
+
+# Bundle artifact
+*.jsbundle
+
+# CocoaPods
+/ios/Pods/

README.md

@@ -328,8 +328,6 @@ root
     └── hooks
     |   └── useCustomBackBehaviour.tsx
     |   └── useNetworkError.tsx
-    |   └── useNotification.tsx
-    |   └── usePrevious.tsx
     |   └── useStartupTime.tsx
     |   └── useReactQuery.tsx
     └── localization

template/.eslintrc.js

@@ -33,6 +33,7 @@ module.exports = {
     '@typescript-eslint/ban-ts-ignore': 0,
     '@typescript-eslint/no-unused-vars': ['warn', { argsIgnorePattern: '^_' }],
     '@typescript-eslint/explicit-module-boundary-types': 0,
+    'react/display-name': 0,
   },
   settings: {
     react: {

template/.gitignore

@@ -38,6 +38,7 @@ local.properties
 node_modules/
 npm-debug.log
 yarn-error.log
+yarn.lock
 
 # BUCK
 buck-out/
@@ -62,3 +63,11 @@ buck-out/
 # CocoaPods
 /ios/Pods/
 /ios/Podfile.lock
+java_pid*
+
+/ios/sentry.properties
+/android/sentry.properties
+
+# GEM
+
+Gemfile.lock

template/App.tsx

@@ -10,7 +10,6 @@ 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 useNotifications from 'hooks/useNotifications';
 import useAppState from 'react-native-appstate-hook';
 import { Provider } from 'react-redux';
 import store from './src/store';
@@ -32,16 +31,15 @@ if (typeof SENTRY_DSN === 'string' && SENTRY_DSN.length > 0) {
 const queryClient = new QueryClient();
 
 const App = () => {
-  // useNotifications();
-
   useNavigationMounting();
 
   useStartupTime();
 
   useNetworkError();
 
   useAppState({
-    onChange: (newAppState) => console.warn('App state changed to ', newAppState),
+    onChange: (newAppState) =>
+      console.warn('App state changed to ', newAppState),
     onForeground: () => console.warn('App went to Foreground'),
     onBackground: () => console.warn('App went to background'),
   });

template/index.d.ts

@@ -1,5 +1,6 @@
 declare module '*.png';
 declare module '*.svg';
+declare module 'react-native-user-avatar';
 
 declare module '@env' {
   export const ENV: 'dev' | 'prod';

template/package.json

@@ -13,7 +13,23 @@
     "detox:ios": "./detox.sh ios",
     "detox:android": "./detox.sh android",
     "lint": "eslint . --ext .js,.jsx,.ts,.tsx",
-    "generate": "plop"
+    "generate": "plop",
+    "run-android:stagingRelease": "ENVFILE=.env.staging react-native run-android --variant=release",
+    "run-android:productionRelease": "ENVFILE=.env.prod react-native run-android --variant=release",
+    "run-ios:stagingRelease": "react-native run-ios --scheme STAGING --configuration Release",
+    "run-ios:productionRelease": "react-native run-ios --scheme PRODUCTION --configuration Release",
+    "detox-build:androidRelease": "detox build -c android.emu.release",
+    "detox-test:androidRelease": "detox test -c android.emu.release",
+    "detox-build:iosRelease": "detox build -c ios.sim.release",
+    "detox-test:iosRelease": "detox test -c ios.sim.release",
+    "bump-patch": "npm version patch --no-git-tag-version && bundle exec fastlane bump_badge",
+    "bump-minor": "npm version minor --no-git-tag-version && bundle exec fastlane bump_badge",
+    "bump-major": "npm version major --no-git-tag-version && bundle exec fastlane bump_badge",
+    "validate-typescript": "tsc --noEmit",
+    "uninstall-android": "adb uninstall com.helloworld",
+    "clear-android": "adb shell pm clear com.helloworld",
+    "uninstall-iOS": "xcrun simctl uninstall booted org.reactjs.native.example.HelloWorld",
+    "build-qa:android": "bundle exec fastlane android bump_badge_build_staging"
   },
   "dependencies": {
     "@react-native-async-storage/async-storage": "^1.15.4",
@@ -39,6 +55,7 @@
     "react-native-flipper": "^0.90.2",
     "react-native-gesture-handler": "^1.10.3",
     "react-native-keychain": "^6.2.0",
+    "react-native-paper": "^4.8.1",
     "react-native-permissions": "^3.0.1",
     "react-native-reanimated": "^2.1.0",
     "react-native-safe-area-context": "^3.1.9",
@@ -66,7 +83,7 @@
     "@storybook/addon-ondevice-knobs": "^5.3.25",
     "@storybook/react-native": "^5.3.25",
     "@testing-library/jest-native": "^4.0.1",
-    "@testing-library/react-hooks": "^5.1.0",
+    "@testing-library/react-hooks": "^6.0.0",
     "@testing-library/react-native": "^7.2.0",
     "@types/detox": "^17.14.0",
     "@types/jest": "^26.0.20",
@@ -75,6 +92,7 @@
     "@types/react-test-renderer": "^16.9.2",
     "@types/styled-components-react-native": "^5.1.0",
     "@types/styled-system": "^5.1.10",
+    "babel-core": "^6.26.3",
     "babel-jest": "^26.6.3",
     "babel-loader": "^8.2.2",
     "babel-plugin-module-resolver": "^4.1.0",
@@ -96,6 +114,7 @@
     "react-dom": "17.0.1",
     "react-native-bundle-visualizer": "^2.2.1",
     "react-test-renderer": "17.0.1",
+    "regenerator-runtime": "^0.13.7",
     "typescript": "^3.8.3"
   },
   "resolutions": {

template/src/components/organisms/CardPeoples.tsx

@@ -3,7 +3,6 @@ import { WINDOW_DEVICE_WIDTH } from '@utils/constants';
 import { Box } from 'components/molecules/Box';
 import { Button } from 'components/molecules/Button';
 import { Typography } from 'components/molecules/Typography';
-import useReactQuery from 'hooks/useReactQuery';
 import React, { useEffect } from 'react';
 import { IPeople } from 'src/interfaces/IPeople';
 import { myTheme } from 'theme';