Merge pull request #15 from cryptoalgebra/fix/initial-price

fix: swap prices
cryptoalgebra · Mar 29, 2024 · caecc4a · caecc4a
2 parents c9a3d8a + 6edc9cf
commit caecc4a
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 12 deletions.
diff --git a/src/components/create-pool/SelectPair/index.tsx b/src/components/create-pool/SelectPair/index.tsx
@@ -44,12 +44,12 @@ const SelectPair = ({ mintInfo, currencyA, currencyB }: ISelectPair) => {
     return (
         <div className="relative flex flex-col gap-2 items-center">
             <TokenCard
+                disabled
                 showBalance={false}
-                value={startPriceTypedValue}
-                handleTokenSelection={handleInputSelect}
+                value={'1'}
                 currency={currencyA}
                 otherCurrency={currencyB}
-                handleValueChange={handleTypeInput}
+                handleTokenSelection={handleInputSelect}
             />
 
             <button
@@ -60,13 +60,14 @@ const SelectPair = ({ mintInfo, currencyA, currencyB }: ISelectPair) => {
             </button>
 
             <TokenCard
-                disabled
                 showBalance={false}
-                value={'1'}
+                value={startPriceTypedValue}
+                handleTokenSelection={handleOutputSelect}
                 currency={currencyB}
                 otherCurrency={currencyA}
-                handleTokenSelection={handleOutputSelect}
+                handleValueChange={handleTypeInput}
             />
+
         </div>
     );
 };

diff --git a/src/components/create-pool/Summary/index.tsx b/src/components/create-pool/Summary/index.tsx
@@ -1,7 +1,7 @@
 import CurrencyLogo from '@/components/common/CurrencyLogo';
 import { Skeleton } from '@/components/ui/skeleton';
 import { useSingleTokenQuery } from '@/graphql/generated/graphql';
-import { useSwapState } from '@/state/swapStore';
+import { useMintState } from '@/state/mintStore';
 import { Currency } from '@cryptoalgebra/integral-sdk';
 import { useEffect, useState } from 'react';
 import { Address } from 'viem';
@@ -13,7 +13,7 @@ interface ISummary {
 
 const Summary = ({ currencyA, currencyB }: ISummary) => {
     const [suggestedPrice, setSuggestedPrice] = useState(0);
-    const { typedValue } = useSwapState();
+    const { startPriceTypedValue } = useMintState();
 
     const token0 = currencyA?.wrapped.address.toLowerCase() as Address;
     const token1 = currencyB?.wrapped.address.toLowerCase() as Address;
@@ -67,15 +67,15 @@ const Summary = ({ currencyA, currencyB }: ISummary) => {
                 )}
 
                 <div>
-                    {`1 ${currencyB?.symbol} = ${typedValue || 0} ${
-                        currencyA?.symbol
+                    {`1 ${currencyA?.symbol} = ${startPriceTypedValue || 0} ${
+                        currencyB?.symbol
                     }`}
                 </div>
             </div>
             {suggestedPrice > 0 && (
                 <div className="text-left ml-2 flex justify-between">
-                    <p className="opacity-50">Suggested price:</p>
-                    <p className="opacity-50">{` 1 ${currencyB?.symbol} = ${suggestedPrice} ${currencyA?.symbol}`}</p>
+                    <p className="opacity-50">Suggested price:</p>  
+                    <p className="opacity-50">{` 1 ${currencyA?.symbol} = ${suggestedPrice} ${currencyB?.symbol}`}</p>
                 </div>
             )}
         </div>