feat: absolite import added

jsconfig.json

@@ -0,0 +1,3 @@
+{
+  "compilerOptions": { "baseUrl": "src" }
+}

src/App.jsx

@@ -1,16 +1,16 @@
-import React from "react";
+import React, { useEffect } from "react";
 import { useMoralis } from "react-moralis";
 import { BrowserRouter as Router, Switch, Route, NavLink, Redirect } from "react-router-dom";
-import Account from "./components/Account";
-import Chains from "./components/Chains";
-import TokenPrice from "./components/TokenPrice";
-import Contract from "./components/Contract/Contract";
-import ERC20Balance from "./components/ERC20Balance";
-import ERC20Transfers from "./components/ERC20Transfers";
-import InchDex from "./components/InchDex";
-import NFTBalance from "./components/NFTBalance";
-import Wallet from "./components/Wallet";
-import { Flex } from "./uikit/Flex/Flex";
+import Account from "components/Account";
+import Chains from "components/Chains";
+import TokenPrice from "components/TokenPrice";
+import Contract from "components/Contract/Contract";
+import ERC20Balance from "components/ERC20Balance";
+import ERC20Transfers from "components/ERC20Transfers";
+import InchDex from "components/InchDex";
+import NFTBalance from "components/NFTBalance";
+import Wallet from "components/Wallet";
+import { Flex } from "uikit/Flex/Flex";
 
 const styles = {
   content: {
@@ -44,8 +44,13 @@ const styles = {
   },
 };
 const App = () => {
-  const { isAuthenticated, isInitialized } = useMoralis();
-  console.log("isInitialized: ", isInitialized);
+  const { isWeb3Enabled, enableWeb3, isAuthenticated, isWeb3EnableLoading } = useMoralis();
+
+  useEffect(() => {
+    if (isAuthenticated && !isWeb3Enabled && !isWeb3EnableLoading) enableWeb3();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isAuthenticated, isWeb3Enabled]);
+
   return (
     <Router>
       <Flex
@@ -55,7 +60,7 @@ const App = () => {
         margin="15px 0"
         padding="0 20px"
       >
-        <Logo /> 
+        <Logo />
         <div style={styles.navBar}>
           <NavLink to="/wallet" style={styles.navLink} activeStyle={styles.navLinkActive}>
             Wallet

src/components/Chains/Chains.jsx

@@ -2,7 +2,6 @@ import React, { useEffect, useState } from "react";
 import useChain from "../../hooks/useChain";
 import { Avalanche, Polygon, Binance, Ethereum } from "./components";
 import { useMoralisDapp } from "../../providers/MoralisDappProvider/MoralisDappProvider";
-import { useMoralis } from "react-moralis";
 
 /** TO DO
  * Use only one chain component with providing img links and chain names
@@ -11,13 +10,8 @@ import { useMoralis } from "react-moralis";
 function Chains(props) {
   const { switchNetwork } = useChain();
   const { chainId: chain } = useMoralisDapp();
-  const { isWeb3Enabled, enableWeb3, isAuthenticated, isWeb3EnableLoading } = useMoralis();
   const [chainId, setChainId] = useState();
 
-  useEffect(() => {
-    if (isAuthenticated && !isWeb3Enabled && !isWeb3EnableLoading) enableWeb3();
-  }, [isAuthenticated, isWeb3Enabled]);
-
   useEffect(() => setChainId(chain), [chain]);
 
   console.log(chain);

src/components/InchDex/hooks/useInch.js

@@ -1,6 +1,6 @@
 import { useState } from "react";
 import { useMoralis } from "react-moralis";
-import { useMoralisDapp } from "../../../providers/MoralisDappProvider/MoralisDappProvider";
+import { useMoralisDapp } from "providers/MoralisDappProvider/MoralisDappProvider";
 
 const useInch = () => {
   const { Moralis } = useMoralis();
@@ -9,7 +9,9 @@ const useInch = () => {
   const [tokenList, setTokenlist] = useState();
 
   const getSupportedTokens = async (chain) =>
-    await Moralis.Plugins.oneInch.getSupportedTokens({ chain }).then((tokens) => setTokenlist(tokens.tokens));
+    await Moralis.Plugins.oneInch
+      .getSupportedTokens({ chain })
+      .then((tokens) => setTokenlist(tokens.tokens));
 
   const getQuote = async (params) =>
     await Moralis.Plugins.oneInch.quote({

src/components/TokenPrice.jsx

@@ -1,5 +1,5 @@
-import React, {useState} from "react";
-import useTokenPrice from "../hooks/useTokenPrice";
+import React, { useState } from "react";
+import useTokenPrice from "hooks/useTokenPrice";
 
 const styles = {
   token: {
@@ -25,7 +25,7 @@ function TokenPrice(props) {
 
   const noLogoToken = "https://etherscan.io/images/main/empty-token.png";
 
-  return ( 
+  return (
     <div style={styles.token}>
       <img src={props.image || noLogoToken} alt="logo" style={{ height: props?.size || "35px" }} />
       <span

src/hooks/useERC20Balance.js

@@ -1,6 +1,6 @@
 import { useEffect, useState } from "react";
 import { useMoralis, useMoralisWeb3Api } from "react-moralis";
-import { useMoralisDapp } from "../providers/MoralisDappProvider/MoralisDappProvider";
+import { useMoralisDapp } from "providers/MoralisDappProvider/MoralisDappProvider";
 const useERC20Balance = (props) => {
   const { account } = useMoralisWeb3Api();
   const { isInitialized } = useMoralis();

src/hooks/useERC20Transfers.js

@@ -1,6 +1,6 @@
 import { useEffect, useState } from "react";
 import { useMoralis, useMoralisWeb3Api } from "react-moralis";
-import { useMoralisDapp } from "../providers/MoralisDappProvider/MoralisDappProvider";
+import { useMoralisDapp } from "providers/MoralisDappProvider/MoralisDappProvider";
 
 const useERC20Transfers = () => {
   const { account } = useMoralisWeb3Api();

src/hooks/useNFTBalance.js

@@ -1,5 +1,5 @@
 import { useMoralisWeb3Api } from "react-moralis";
-import { useMoralisDapp } from "../providers/MoralisDappProvider/MoralisDappProvider";
+import { useMoralisDapp } from "providers/MoralisDappProvider/MoralisDappProvider";
 
 const useNFTBalance = () => {
   const { account } = useMoralisWeb3Api();