Added assets amounts to context

0xblackbot · May 15, 2024 · c792e5a · c792e5a
1 parent 5f966a7
commit c792e5a
Show file tree

Hide file tree

Showing 4 changed files with 33 additions and 7 deletions.
diff --git a/src/hooks/swap-form/swap-form.context.tsx b/src/hooks/swap-form/swap-form.context.tsx
@@ -10,11 +10,19 @@ interface SwapFormContextValues {
     setOutputAsset: React.Dispatch<React.SetStateAction<Asset>>;
     inputAsset: Asset;
     setInputAsset: React.Dispatch<React.SetStateAction<Asset>>;
+    inputAssetAmount: string;
+    setInputAssetAmount: React.Dispatch<React.SetStateAction<string>>;
+    outputAssetAmount: string;
+    setOutputAssetAmount: React.Dispatch<React.SetStateAction<string>>;
 }
 
 export const SwapFormContext = createContext<SwapFormContextValues>({
     outputAsset: DEFAULT_ASSETS_RECORD[USDT],
     setOutputAsset: EMPTY_FN,
     inputAsset: DEFAULT_ASSETS_RECORD[TON],
-    setInputAsset: EMPTY_FN
+    setInputAsset: EMPTY_FN,
+    inputAssetAmount: '',
+    setInputAssetAmount: EMPTY_FN,
+    outputAssetAmount: '',
+    setOutputAssetAmount: EMPTY_FN
 });
diff --git a/src/hooks/swap-form/swap-form.hook.tsx b/src/hooks/swap-form/swap-form.hook.tsx
@@ -2,4 +2,4 @@ import {useContext} from 'react';
 
 import {SwapFormContext} from './swap-form.context';
 
-export const useSwapFormBalance = () => useContext(SwapFormContext);
+export const useSwapForm = () => useContext(SwapFormContext);
diff --git a/src/hooks/swap-form/swap-form.provider.tsx b/src/hooks/swap-form/swap-form.provider.tsx
@@ -12,9 +12,20 @@ export const SwapFormProvider: FC<PropsWithChildren> = ({children}) => {
     const [outputAsset, setOutputAsset] = useState<Asset>(
         DEFAULT_ASSETS_RECORD[USDT]
     );
+    const [inputAssetAmount, setInputAssetAmount] = useState('');
+    const [outputAssetAmount, setOutputAssetAmount] = useState('');
     return (
         <SwapFormContext.Provider
-            value={{inputAsset, outputAsset, setInputAsset, setOutputAsset}}
+            value={{
+                inputAsset,
+                outputAsset,
+                inputAssetAmount,
+                outputAssetAmount,
+                setInputAsset,
+                setOutputAsset,
+                setInputAssetAmount,
+                setOutputAssetAmount
+            }}
         >
             {children}
         </SwapFormContext.Provider>

diff --git a/src/screens/home/swap-form/swap-form.tsx b/src/screens/home/swap-form/swap-form.tsx
@@ -5,7 +5,7 @@ import {
     useTonConnectUI,
     useTonWallet
 } from '@tonconnect/ui-react';
-import {useContext, useEffect, useMemo, useState} from 'react';
+import {useContext, useEffect, useMemo} from 'react';
 
 import {useOutputAssetAmount} from './hooks/use-output-asset-amount.hook.ts';
 import styles from './swap-form.module.css';
@@ -41,9 +41,16 @@ export const SwapForm = () => {
         [swapRoutes]
     );
 
-    const [inputAssetAmount, setInputAssetAmount] = useState('');
-    const {inputAsset, setInputAsset, outputAsset, setOutputAsset} =
-        useContext(SwapFormContext);
+    const {
+        inputAsset,
+        setInputAsset,
+        outputAsset,
+        setOutputAsset,
+        inputAssetAmount,
+        setInputAssetAmount
+    } = useContext(SwapFormContext);
+
+    console.log(inputAssetAmount);
 
     const outputAssetAmount = useOutputAssetAmount(
         routes,
Original file line number	Diff line number	Diff line change
Expand Up		@@ -2,4 +2,4 @@ import {useContext} from 'react';

		import {SwapFormContext} from './swap-form.context';

		export const useSwapFormBalance = () => useContext(SwapFormContext);
		export const useSwapForm = () => useContext(SwapFormContext);