edit icon native-base

Author: thiendangit

README.md

@@ -12,8 +12,8 @@
   <img src="https://reactnavigation.org/img/spiro.svg" width="140" title="hover text">
   <img src="https://iconape.com/wp-content/files/ke/21383/svg/apollo-graphql-compact.svg" width="140" title="hover text">
   <img src="https://code4developers.com/wp-content/uploads/2018/01/Redux.png" width="170" title="hover text">
-  <img src="https://nativebase.io/assets/img/front-page-icon.png" width="120" title="hover text">
-   <img src="https://raw.githubusercontent.com/mpeyper/react-hooks-testing-library/master/public/ram.png" width="120" title="hover text">
+  <img src="https://docs.nativebase.io/img/nativebaselogo.svg" width="120" title="hover text">
+  <img src="https://raw.githubusercontent.com/mpeyper/react-hooks-testing-library/master/public/ram.png" width="120" title="hover text">
 </div>
 
 ## Structure

package-lock.json

@@ -16,7 +16,7 @@
     "format": "npm run prettier -- --write",
     "check-format": "npm run prettier -- --list-different",
     "validate": "npm-run-all --parallel check-format lint test",
-    "generatePossibleTypes": "node ./scripts/generatePossibleTypes.js",
+    "generatePossibleTypes": "node src/scripts/generatePossibleTypes.js",
     "android-dev": "adb reverse tcp:8081 tcp:8081 && react-native run-android",
     "yarn-ios": "yarn && yarn pod",
     "android-release": "npx react-native run-android --variant=release",
@@ -46,7 +46,7 @@
     "native-base": "^2.15.2",
     "react": "17.0.2",
     "react-fast-compare": "^3.2.0",
-    "react-i18next": "^11.9.0",
+    "react-i18next": "^11.11.0",
     "react-native": "0.64.1",
     "react-native-bootsplash": "^3.2.2",
     "react-native-dotenv": "^2.5.5",

package.json

@@ -2,6 +2,6 @@ const vi_VN = require('./vi/string.json');
 const es_US = require('./es/string.json');
 const ko_KR = require('./ko/string.json');
 
-export const resources = { vi_VN, es_US, ko_KR };
+export const resources = {vi_VN, es_US, ko_KR};
 
 export type LangTypes = keyof typeof resources

src/assets/locales/index.ts

@@ -1,8 +1,9 @@
 import isEqual from 'react-fast-compare';
-import { useSelector as useReduxSelector } from 'react-redux';
-import { RootState } from '@store/allReducers';
-import { DeviceEventEmitter } from 'react-native';
-import { EmitCode } from '@components/MyToast';
+import {useSelector as useReduxSelector} from 'react-redux';
+import {RootState} from '@store/allReducers';
+import {DeviceEventEmitter} from 'react-native';
+import {EmitCode} from '@components/MyToast';
+import {useEffect, useRef, useState} from 'react';
 
 function useSelector<T>(
   selector: (state: RootState) => T,
@@ -17,4 +18,20 @@ const useToast = () => {
     DeviceEventEmitter.emit(EmitCode.Toast, msg, duration);
 };
 
-export { useSelector, useToast };
+function usePrevious<T = any>(value: T): T | undefined {
+  const ref = useRef<T>();
+  useEffect(() => {
+    ref.current = value;
+  }, [value]);
+  return ref.current;
+}
+
+function useMounted() {
+  const [isMounted, setIsMounted] = useState(false);
+  useEffect(() => {
+    setIsMounted(true);
+  }, []);
+  return isMounted;
+}
+
+export {useSelector, useToast, usePrevious, useMounted};

src/common/hooks/index.ts

@@ -1,6 +1,6 @@
-import { initReactI18next } from 'react-i18next';
-import { resources } from '@assets/locales';
-import i18n, { LanguageDetectorAsyncModule } from 'i18next';
+import {initReactI18next} from 'react-i18next';
+import {resources} from '@assets/locales';
+import i18n, {LanguageDetectorAsyncModule} from 'i18next';
 
 const languageDetector: LanguageDetectorAsyncModule = {
   type: 'languageDetector',