refactor: Create @contexts folder.

src/App.tsx

@@ -3,12 +3,12 @@ import { Outlet, RouterProvider, createBrowserRouter } from 'react-router-dom';
 
 import Footer from '@components/Footer';
 import Nav from '@components/Nav';
+import { WalletProvider } from '@contexts/wallet-context';
 import BorrowPage from '@pages/_borrow/BorrowPage';
 import LandingPage from '@pages/_landing/LandingPage';
 import LendPage from '@pages/_lend/LendPage';
 import LiquidatePage from '@pages/_liquidate/LiquidatePage';
 import WelcomePage from '@pages/_welcome/WelcomePage';
-import { WalletProvider } from './stellar-wallet';
 
 const PageWrapper = () => {
   return (

src/components/CryptoAmountSelector.tsx

@@ -1,9 +1,9 @@
+import { useWallet } from '@contexts/wallet-context';
 import { isBalanceZero } from '@lib/converters';
 import { formatCentAmount } from '@lib/formatting';
 import type { SupportedCurrency } from 'currencies';
 import { isNil } from 'ramda';
 import type { ChangeEvent } from 'react';
-import { useWallet } from 'src/stellar-wallet';
 import { Button } from './Button';
 
 export interface CryptoAmountSelectorProps {

src/components/Nav.tsx

@@ -1,6 +1,6 @@
+import { useWallet } from '@contexts/wallet-context';
 import type { PropsWithChildren } from 'react';
 import { Link } from 'react-router-dom';
-import { useWallet } from 'src/stellar-wallet';
 import logo from '/public/laina_v3_shrinked.png';
 import { Button } from './Button';
 import Identicon from './Identicon';

src/components/WalletCard/AssetsModal.tsx

@@ -1,11 +1,11 @@
 import { Button } from '@components/Button';
 import { Loading } from '@components/Loading';
+import { useWallet } from '@contexts/wallet-context';
 import { formatAmount, toDollarsFormatted } from '@lib/formatting';
 import type { SupportedCurrency } from 'currencies';
 import { isNil } from 'ramda';
 import { useState } from 'react';
 import { CURRENCY_BINDINGS } from 'src/currency-bindings';
-import { useWallet } from 'src/stellar-wallet';
 
 export interface AssetsModalProps {
   modalId: string;

src/components/WalletCard/LoansModal.tsx

@@ -3,11 +3,11 @@ import { useState } from 'react';
 
 import { Button } from '@components/Button';
 import { Loading } from '@components/Loading';
+import { useWallet } from '@contexts/wallet-context';
 import { contractClient as loanManagerClient } from '@contracts/loan_manager';
 import { formatAmount, toDollarsFormatted } from '@lib/formatting';
 import type { SupportedCurrency } from 'currencies';
 import { CURRENCY_BINDINGS } from 'src/currency-bindings';
-import { useWallet } from 'src/stellar-wallet';
 
 export interface AssetsModalProps {
   modalId: string;

src/components/WalletCard/WalletCard.tsx

@@ -1,8 +1,8 @@
 import { Loading } from '@components/Loading';
+import { type PositionsRecord, type PriceRecord, useWallet } from '@contexts/wallet-context';
 import { formatCentAmount, toCents } from '@lib/formatting';
 import type { SupportedCurrency } from 'currencies';
 import { isNil } from 'ramda';
-import { type PositionsRecord, type PriceRecord, useWallet } from 'src/stellar-wallet';
 import { Button } from '../Button';
 import { Card } from '../Card';
 import Identicon from '../Identicon';

src/stellar-wallet.tsx → src/contexts/wallet-context.tsx

@@ -5,7 +5,7 @@ import { type PropsWithChildren, createContext, useContext, useEffect, useState
 import { contractClient as loanManagerClient } from '@contracts/loan_manager';
 import { getBalances } from '@lib/horizon';
 import { type SupportedCurrency, isSupportedCurrency } from 'currencies';
-import { CURRENCY_BINDINGS_ARR } from './currency-bindings';
+import { CURRENCY_BINDINGS_ARR } from '../currency-bindings';
 
 const WALLET_TIMEOUT_DAYS = 3;
 

src/pages/_borrow/BorrowModal/BorrowModal.tsx

@@ -1,5 +1,5 @@
+import { useWallet } from '@contexts/wallet-context';
 import type { CurrencyBinding } from 'src/currency-bindings';
-import { useWallet } from 'src/stellar-wallet';
 import { BorrowStep } from './BorrowStep';
 import { TrustLineStep } from './TrustlineStep';
 

src/pages/_borrow/BorrowModal/BorrowStep.tsx

@@ -1,13 +1,13 @@
 import { Button } from '@components/Button';
 import { CryptoAmountSelector } from '@components/CryptoAmountSelector';
 import { Loading } from '@components/Loading';
+import { type BalanceRecord, type PriceRecord, type Wallet, useWallet } from '@contexts/wallet-context';
 import { contractClient as loanManagerClient } from '@contracts/loan_manager';
 import { getIntegerPart, to7decimals } from '@lib/converters';
 import { SCALAR_7, fromCents, toCents } from '@lib/formatting';
 import type { SupportedCurrency } from 'currencies';
 import { type ChangeEvent, useState } from 'react';
 import { CURRENCY_BINDINGS, CURRENCY_BINDINGS_ARR, type CurrencyBinding } from 'src/currency-bindings';
-import { type BalanceRecord, type PriceRecord, type Wallet, useWallet } from 'src/stellar-wallet';
 
 const HEALTH_FACTOR_AUTO_THRESHOLD = 1.65;
 const HEALTH_FACTOR_MIN_THRESHOLD = 1.2;

src/pages/_borrow/BorrowModal/TrustlineStep.tsx

@@ -1,9 +1,10 @@
+import { useState } from 'react';
+
 import { Button } from '@components/Button';
 import { Loading } from '@components/Loading';
+import type { SignTransaction, Wallet } from '@contexts/wallet-context';
 import { createAddTrustlineTransaction, sendTransaction } from '@lib/horizon';
-import { useState } from 'react';
 import type { CurrencyBinding } from 'src/currency-bindings';
-import type { SignTransaction, Wallet } from 'src/stellar-wallet';
 
 export interface TrustLineStepProps {
   onClose: () => void;

src/pages/_borrow/BorrowableAsset.tsx

@@ -3,11 +3,11 @@ import { useCallback, useEffect, useMemo, useState } from 'react';
 
 import { Button } from '@components/Button';
 import { Loading } from '@components/Loading';
+import { useWallet } from '@contexts/wallet-context';
 import { contractClient as loanManagerClient } from '@contracts/loan_manager';
 import { isBalanceZero } from '@lib/converters';
 import { formatAPR } from '@lib/formatting';
 import type { CurrencyBinding } from 'src/currency-bindings';
-import { useWallet } from 'src/stellar-wallet';
 import { BorrowModal } from './BorrowModal/BorrowModal';
 
 interface BorrowableAssetCardProps {

src/pages/_lend/DepositModal.tsx

@@ -1,11 +1,11 @@
 import { Button } from '@components/Button';
 import { CryptoAmountSelector } from '@components/CryptoAmountSelector';
 import { Loading } from '@components/Loading';
+import { useWallet } from '@contexts/wallet-context';
 import { getIntegerPart, to7decimals } from '@lib/converters';
 import { SCALAR_7, toCents } from '@lib/formatting';
 import { type ChangeEvent, useState } from 'react';
 import type { CurrencyBinding } from 'src/currency-bindings';
-import { useWallet } from 'src/stellar-wallet';
 
 export interface DepositModalProps {
   modalId: string;

src/pages/_lend/LendableAsset.tsx

@@ -1,11 +1,11 @@
 import { Button } from '@components/Button';
 import { Loading } from '@components/Loading';
+import { type Balance, useWallet } from '@contexts/wallet-context';
 import { isBalanceZero } from '@lib/converters';
 import { formatAPY, formatAmount, toDollarsFormatted } from '@lib/formatting';
 import { isNil } from 'ramda';
 import { useCallback, useEffect, useState } from 'react';
 import type { CurrencyBinding } from 'src/currency-bindings';
-import { type Balance, useWallet } from 'src/stellar-wallet';
 import { DepositModal } from './DepositModal';
 
 export interface LendableAssetProps {

tsconfig.json

@@ -10,7 +10,8 @@
       "@components/*": ["src/components/*"],
       "@pages/*": ["src/pages/*"],
       "@contracts/*": ["src/contracts/*"],
-      "@lib/*": ["src/lib/*"]
+      "@lib/*": ["src/lib/*"],
+      "@contexts/*": ["src/contexts/*"]
     }
   }
 }