REF: react hooks

.eslintrc

@@ -1,10 +1,12 @@
 {
   "parser": "babel-eslint",
   "plugins": [
-      "react", "prettier"
+      "react", "prettier", "react-hooks"
   ],
   "extends": ["standard", "standard-react", "prettier"],
   "rules": {
+    "react-hooks/rules-of-hooks": "error",
+    "react-hooks/exhaustive-deps": "error",
     'prettier/prettier': [
       'warn',
       {

BlueComponents.js

@@ -1429,13 +1429,10 @@ export class NewWalletPanel extends Component {
 export const BlueTransactionListItem = ({ item, itemPriceUnit = BitcoinUnit.BTC, shouldRefresh }) => {
   const [transactionTimeToReadable, setTransactionTimeToReadable] = useState('...');
   const [subtitleNumberOfLines, setSubtitleNumberOfLines] = useState(1);
-  const calculateTimeLabel = () => {
-    const transactionTimeToReadable = loc.transactionTimeToReadable(item.received);
-    return setTransactionTimeToReadable(transactionTimeToReadable);
-  };
 
   useEffect(() => {
-    calculateTimeLabel();
+    const transactionTimeToReadable = loc.transactionTimeToReadable(item.received);
+    return setTransactionTimeToReadable(transactionTimeToReadable);
   }, [item, itemPriceUnit, shouldRefresh]);
 
   const txMemo = () => {

screen/settings/about.js

@@ -23,7 +23,7 @@ const About = () => {
 
   useEffect(() => {
     setIsLoading(false);
-  });
+  }, []);
 
   const handleOnReleaseNotesPress = () => {
     navigate('ReleaseNotes');

screen/settings/releasenotes.js

@@ -9,7 +9,7 @@ const ReleaseNotes = () => {
 
   useEffect(() => {
     setIsLoading(false);
-  });
+  }, []);
 
   return isLoading ? (
     (<BlueLoading />)

screen/wallets/selectWallet.js

@@ -21,7 +21,7 @@ const SelectWallet = () => {
 
   useEffect(() => {
     setIsLoading(false);
-  });
+  }, []);
 
   const renderItem = ({ item }) => {
     return (