From 19adabd692226643a1993939ba697aa83664fe12 Mon Sep 17 00:00:00 2001
From: zielvna <zielvna@gmail.com>
Date: Mon, 29 Jul 2024 19:16:30 +0200
Subject: [PATCH 01/10] remove disable from swap inputs

---
 src/components/Swap/Swap.tsx | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/components/Swap/Swap.tsx b/src/components/Swap/Swap.tsx
index 609ffc1e..dcd3e557 100644
--- a/src/components/Swap/Swap.tsx
+++ b/src/components/Swap/Swap.tsx
@@ -440,6 +440,11 @@ export const Swap: React.FC<ISwap> = ({
 
   useEffect(() => {
     setRefresherTime(REFRESHER_INTERVAL)
+
+    if (tokenFromIndex === tokenToIndex) {
+      setAmountFrom('')
+      setAmountTo('')
+    }
   }, [tokenFromIndex, tokenToIndex])
 
   return (
@@ -517,9 +522,7 @@ export const Swap: React.FC<ISwap> = ({
             tokens={tokens}
             current={tokenFromIndex !== null ? tokens[tokenFromIndex] : null}
             onSelect={setTokenFromIndex}
-            disabled={
-              tokenFromIndex === null || tokenToIndex === null || tokenFromIndex === tokenToIndex
-            }
+            disabled={tokenFromIndex === tokenToIndex || tokenFromIndex !== null}
             hideBalances={walletStatus !== Status.Initialized}
             handleAddToken={handleAddToken}
             commonTokens={commonTokens}
@@ -603,9 +606,7 @@ export const Swap: React.FC<ISwap> = ({
             tokens={tokens}
             current={tokenToIndex !== null ? tokens[tokenToIndex] : null}
             onSelect={setTokenToIndex}
-            disabled={
-              tokenFromIndex === null || tokenToIndex === null || tokenFromIndex === tokenToIndex
-            }
+            disabled={tokenFromIndex === tokenToIndex || tokenToIndex === null}
             hideBalances={walletStatus !== Status.Initialized}
             handleAddToken={handleAddToken}
             commonTokens={commonTokens}

From ddac61ed40ffdfcab6b831d8763207a8b7256294 Mon Sep 17 00:00:00 2001
From: zielvna <zielvna@gmail.com>
Date: Tue, 30 Jul 2024 11:50:50 +0200
Subject: [PATCH 02/10] fix disabled in swap inputs

---
 src/components/Swap/Swap.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Swap/Swap.tsx b/src/components/Swap/Swap.tsx
index dcd3e557..e7e883e7 100644
--- a/src/components/Swap/Swap.tsx
+++ b/src/components/Swap/Swap.tsx
@@ -522,7 +522,7 @@ export const Swap: React.FC<ISwap> = ({
             tokens={tokens}
             current={tokenFromIndex !== null ? tokens[tokenFromIndex] : null}
             onSelect={setTokenFromIndex}
-            disabled={tokenFromIndex === tokenToIndex || tokenFromIndex !== null}
+            disabled={tokenFromIndex === tokenToIndex || tokenFromIndex === null}
             hideBalances={walletStatus !== Status.Initialized}
             handleAddToken={handleAddToken}
             commonTokens={commonTokens}

From a32d7086ca0514e5082c3bee370a0fca9721bcc4 Mon Sep 17 00:00:00 2001
From: Piotr Matlak <piotr.matlak.contact@gmail.com>
Date: Tue, 30 Jul 2024 16:52:29 +0200
Subject: [PATCH 03/10] clean console logs

---
 src/components/Modals/Slippage/Slippage.tsx                | 2 +-
 src/components/NewPosition/RangeSelector/RangeSelector.tsx | 2 +-
 src/store/sagas/pools.ts                                   | 2 --
 src/store/sagas/positions.ts                               | 2 --
 src/store/selectors/positions.ts                           | 2 --
 5 files changed, 2 insertions(+), 8 deletions(-)

diff --git a/src/components/Modals/Slippage/Slippage.tsx b/src/components/Modals/Slippage/Slippage.tsx
index 0fb71ef8..d2740da6 100644
--- a/src/components/Modals/Slippage/Slippage.tsx
+++ b/src/components/Modals/Slippage/Slippage.tsx
@@ -118,7 +118,7 @@ const Slippage: React.FC<Props> = ({
         <Grid container className={classes.detailsWrapper}>
           <Grid container justifyContent='space-between' style={{ marginBottom: 6 }}>
             <Typography component='h2'>{headerText ?? 'Exchange Transaction Settings'}</Typography>
-            <Button className={classes.selectTokenClose} onClick={handleClose} />
+            <Button className={classes.selectTokenClose} onClick={handleClose} aria-label='Close' />
           </Grid>
           <Typography className={classes.label}>Slippage tolerance</Typography>
           <Grid container gap='9px'>
diff --git a/src/components/NewPosition/RangeSelector/RangeSelector.tsx b/src/components/NewPosition/RangeSelector/RangeSelector.tsx
index a95cf9f6..f0720814 100644
--- a/src/components/NewPosition/RangeSelector/RangeSelector.tsx
+++ b/src/components/NewPosition/RangeSelector/RangeSelector.tsx
@@ -377,7 +377,7 @@ export const RangeSelector: React.FC<IRangeSelector> = ({
           ? cachedConcentrationArray.length - 1
           : concentrationIndex
       setConcentrationIndex(index)
-      console.log('test')
+
       const { leftRange, rightRange } = calculateConcentrationRange(
         tickSpacing,
         cachedConcentrationArray[index],
diff --git a/src/store/sagas/pools.ts b/src/store/sagas/pools.ts
index 9f65c524..f7bd4192 100644
--- a/src/store/sagas/pools.ts
+++ b/src/store/sagas/pools.ts
@@ -49,8 +49,6 @@ export function* fetchPoolsDataForList(action: PayloadAction<ListPoolsRequest>)
   yield* put(actions.addTokens(unknownTokensData))
   yield* put(actions.updateTokenBalances(knownTokenBalances))
 
-  console.log(yield* select(tokens))
-
   yield* put(actions.addPoolsForList({ data: pools, listType: action.payload.listType }))
 }
 
diff --git a/src/store/sagas/positions.ts b/src/store/sagas/positions.ts
index 2628179a..4d676469 100644
--- a/src/store/sagas/positions.ts
+++ b/src/store/sagas/positions.ts
@@ -652,7 +652,6 @@ export function* handleGetPositionsListPage(
   }
 
   if (!length || refresh) {
-    console.log('call', index)
     const result = yield* call(
       [invariant, invariant.getPositions],
       walletAddress,
@@ -681,7 +680,6 @@ export function* handleGetPositionsListPage(
 
   if (!isPageLoaded || refresh) {
     if (length && !refresh) {
-      console.log('call', index)
       const result = yield* call(
         [invariant, invariant.getPositions],
         walletAddress,
diff --git a/src/store/selectors/positions.ts b/src/store/selectors/positions.ts
index 0e392a06..0c85a07a 100644
--- a/src/store/selectors/positions.ts
+++ b/src/store/selectors/positions.ts
@@ -61,10 +61,8 @@ export const positionsWithPoolsData = createSelector(
       const tokenY = tokens.find(token => token.assetAddress === position.poolKey.tokenY)
 
       if (!tokenX) {
-        console.log(`Token ${position.poolKey.tokenX} not found for position`)
         continue
       } else if (!tokenY) {
-        console.log(`Token ${position.poolKey.tokenY} not found for position`)
         continue
       }
 

From c8e752354cf3be331f035af0740dc0fcf4b6c2d1 Mon Sep 17 00:00:00 2001
From: Piotr Matlak <piotr.matlak.contact@gmail.com>
Date: Tue, 30 Jul 2024 17:27:09 +0200
Subject: [PATCH 04/10] bump sdk and fix pool init layout

---
 package-lock.json                          | 22 +++++++++++-----------
 package.json                               |  2 +-
 src/components/NewPosition/NewPosition.tsx |  2 +-
 src/components/NewPosition/style.ts        |  8 ++++++--
 4 files changed, 19 insertions(+), 15 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 4a5959cf..2ccc931a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,7 +10,7 @@
       "dependencies": {
         "@emotion/react": "^11.11.4",
         "@emotion/styled": "^11.11.5",
-        "@invariant-labs/a0-sdk": "^0.2.11",
+        "@invariant-labs/a0-sdk": "^0.2.15",
         "@mui/icons-material": "^5.15.15",
         "@mui/material": "^5.15.15",
         "@nightlylabs/wallet-selector-polkadot": "^0.2.5",
@@ -2566,11 +2566,11 @@
       "license": "BSD-3-Clause"
     },
     "node_modules/@invariant-labs/a0-sdk": {
-      "version": "0.2.11",
-      "resolved": "https://registry.npmjs.org/@invariant-labs/a0-sdk/-/a0-sdk-0.2.11.tgz",
-      "integrity": "sha512-u01pVliIQjm5W37al9pfaqWe/7tvvPOUdzXwopFk2M8xDxICqFyUXb0gk0MrdO//xHPdmk5SEXagS9zOO2zcMg==",
+      "version": "0.2.15",
+      "resolved": "https://registry.npmjs.org/@invariant-labs/a0-sdk/-/a0-sdk-0.2.15.tgz",
+      "integrity": "sha512-x+awjvwfWtjy/T571ZZCX2vEoB8R3Q2125IvDtVMlB9ljHUP5EWpXi++1UTvK6at5OYsf3hNmrO88r7R6CnNsQ==",
       "dependencies": {
-        "@invariant-labs/a0-sdk-wasm": "^0.1.21",
+        "@invariant-labs/a0-sdk-wasm": "^0.1.22",
         "@polkadot/api": "^10.12.4",
         "@polkadot/api-contract": "^10.12.4",
         "@scio-labs/use-inkathon": "^0.6.3",
@@ -2579,9 +2579,9 @@
       }
     },
     "node_modules/@invariant-labs/a0-sdk-wasm": {
-      "version": "0.1.21",
-      "resolved": "https://registry.npmjs.org/@invariant-labs/a0-sdk-wasm/-/a0-sdk-wasm-0.1.21.tgz",
-      "integrity": "sha512-I+Y4byfEPzm8kihZp7Yoft1gLrn0zOXWrhmvdMJ0/6Kz5uwP7QyRkPPIdfAla/sVLGERwkg9gsalfN5Uv2gx9A=="
+      "version": "0.1.22",
+      "resolved": "https://registry.npmjs.org/@invariant-labs/a0-sdk-wasm/-/a0-sdk-wasm-0.1.22.tgz",
+      "integrity": "sha512-e172o+Q5+aThR5nr4Fy1ddlpoF4EHCqWzuv9qK9KVP+UZMirHawTAi6OOtPMPsIIY6Ms8t5FSDeIy07mrFeY5g=="
     },
     "node_modules/@isaacs/cliui": {
       "version": "8.0.2",
@@ -12494,9 +12494,9 @@
       "license": "MIT"
     },
     "node_modules/fast-xml-parser": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/fast-xml-parser/-/fast-xml-parser-4.4.0.tgz",
-      "integrity": "sha512-kLY3jFlwIYwBNDojclKsNAC12sfD6NwW74QB2CoNGPvtVxjliYehVunB3HYyNi+n4Tt1dAcgwYvmKF/Z18flqg==",
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/fast-xml-parser/-/fast-xml-parser-4.4.1.tgz",
+      "integrity": "sha512-xkjOecfnKGkSsOwtZ5Pz7Us/T6mrbPQrq0nh+aCO5V9nk5NLWmasAHumTKjiPJPWANe+kAZ84Jc8ooJkzZ88Sw==",
       "funding": [
         {
           "type": "github",
diff --git a/package.json b/package.json
index c69deb19..d1981083 100644
--- a/package.json
+++ b/package.json
@@ -17,7 +17,7 @@
   "dependencies": {
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.5",
-    "@invariant-labs/a0-sdk": "^0.2.11",
+    "@invariant-labs/a0-sdk": "^0.2.15",
     "@mui/icons-material": "^5.15.15",
     "@mui/material": "^5.15.15",
     "@nightlylabs/wallet-selector-polkadot": "^0.2.5",
diff --git a/src/components/NewPosition/NewPosition.tsx b/src/components/NewPosition/NewPosition.tsx
index 6e670fc2..fd99b243 100644
--- a/src/components/NewPosition/NewPosition.tsx
+++ b/src/components/NewPosition/NewPosition.tsx
@@ -513,7 +513,7 @@ export const NewPosition: React.FC<INewPosition> = ({
           ) : null}
           <Grid className={classes.optionsWrapper}>
             <Hidden mdDown>
-              {poolKey !== '' && (
+              {tokenAIndex !== null && tokenBIndex !== null && (
                 <ConcentrationTypeSwitch
                   onSwitch={val => {
                     if (val) {
diff --git a/src/components/NewPosition/style.ts b/src/components/NewPosition/style.ts
index d3ff891d..1e8683ce 100644
--- a/src/components/NewPosition/style.ts
+++ b/src/components/NewPosition/style.ts
@@ -100,7 +100,9 @@ const useStyles = makeStyles()(theme => {
       }
     },
     switch: {
-      transition: 'opacity 500ms'
+      transition: 'opacity 500ms',
+      display: 'flex',
+      justifyContent: 'flex-end'
     },
     titleContainer: {
       maxWidth: 464,
@@ -116,7 +118,9 @@ const useStyles = makeStyles()(theme => {
     },
     optionsWrapper: {
       display: 'flex',
-      alignItems: 'center'
+      alignItems: 'center',
+      flex: 1,
+      justifyContent: 'flex-end'
     }
   }
 })

From 5c252ce8fadeab1bedff7c648b33aea962e1de7f Mon Sep 17 00:00:00 2001
From: Piotr Matlak <piotr.matlak.contact@gmail.com>
Date: Wed, 31 Jul 2024 07:36:10 +0200
Subject: [PATCH 05/10] fix build

---
 src/store/consts/static.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/store/consts/static.ts b/src/store/consts/static.ts
index 190c318a..db99968e 100644
--- a/src/store/consts/static.ts
+++ b/src/store/consts/static.ts
@@ -278,7 +278,8 @@ export const EMPTY_POSITION: Position = {
   feeGrowthInsideY: 0n,
   lastBlockNumber: 0n,
   tokensOwedX: 0n,
-  tokensOwedY: 0n
+  tokensOwedY: 0n,
+  createdAt: 0n
 }
 
 export const POSITIONS_PER_QUERY =

From 0aaf618387614be09b1a2f1d7e54409a86545871 Mon Sep 17 00:00:00 2001
From: Piotr Matlak <piotr.matlak.contact@gmail.com>
Date: Wed, 31 Jul 2024 08:39:34 +0200
Subject: [PATCH 06/10] change reverse tokens icon in position details

---
 .../SinglePositionInfo/SinglePositionInfo.tsx                | 5 +++--
 src/components/PositionDetails/SinglePositionInfo/style.ts   | 3 +--
 src/static/icons.ts                                          | 4 +++-
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/PositionDetails/SinglePositionInfo/SinglePositionInfo.tsx b/src/components/PositionDetails/SinglePositionInfo/SinglePositionInfo.tsx
index 016485d8..3c865e63 100644
--- a/src/components/PositionDetails/SinglePositionInfo/SinglePositionInfo.tsx
+++ b/src/components/PositionDetails/SinglePositionInfo/SinglePositionInfo.tsx
@@ -10,6 +10,7 @@ import useStyles from './style'
 import { useNavigate } from 'react-router-dom'
 import { TokenPriceData } from '@store/consts/types'
 import { addressToTicker } from '@utils/utils'
+import SwapList from '@static/svg/swap-list.svg'
 
 interface IProp {
   fee: number
@@ -75,8 +76,8 @@ const SinglePositionInfo: React.FC<IProp> = ({
           />
           <img
             className={classes.arrowIcon}
-            src={icons.ArrowIcon}
-            alt={'Arrow'}
+            src={icons.swapListIcon}
+            alt='Reverse tokens'
             onClick={swapHandler}
           />
           <img
diff --git a/src/components/PositionDetails/SinglePositionInfo/style.ts b/src/components/PositionDetails/SinglePositionInfo/style.ts
index b8415dbe..81f05cf9 100644
--- a/src/components/PositionDetails/SinglePositionInfo/style.ts
+++ b/src/components/PositionDetails/SinglePositionInfo/style.ts
@@ -36,8 +36,7 @@ export const useStyles = makeStyles()((theme: Theme) => ({
     },
     '&:hover': {
       cursor: 'pointer',
-      background: 'rgba(255, 255, 255, 0.15)',
-      filter: 'brightness(1.2)',
+      filter: 'brightness(2)',
       '@media (hover: none)': {
         filter: 'none'
       }
diff --git a/src/static/icons.ts b/src/static/icons.ts
index f671d68f..56f9c690 100644
--- a/src/static/icons.ts
+++ b/src/static/icons.ts
@@ -28,6 +28,7 @@ import copyAddress from './svg/copy-address.svg'
 import emptyIcon from './svg/empty.svg'
 import plusIcon from './svg/plus.svg'
 import horizontalSwapIcon from './svg/horizontalSwapArrows.svg'
+import swapListIcon from './svg/swap-list.svg'
 
 const icons: { [key: string]: string } = {
   clear: clearIcon,
@@ -59,7 +60,8 @@ const icons: { [key: string]: string } = {
   copyAddress: copyAddress,
   empty: emptyIcon,
   plusIcon: plusIcon,
-  horizontalSwapIcon: horizontalSwapIcon
+  horizontalSwapIcon: horizontalSwapIcon,
+  swapListIcon: swapListIcon
 }
 
 export default icons

From 172e5b193a134467b720df0893ce3806b9b96d63 Mon Sep 17 00:00:00 2001
From: Piotr Matlak <piotr.matlak.contact@gmail.com>
Date: Wed, 31 Jul 2024 08:46:31 +0200
Subject: [PATCH 07/10] fix build

---
 .../PositionDetails/SinglePositionInfo/SinglePositionInfo.tsx    | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/PositionDetails/SinglePositionInfo/SinglePositionInfo.tsx b/src/components/PositionDetails/SinglePositionInfo/SinglePositionInfo.tsx
index 3c865e63..83f03336 100644
--- a/src/components/PositionDetails/SinglePositionInfo/SinglePositionInfo.tsx
+++ b/src/components/PositionDetails/SinglePositionInfo/SinglePositionInfo.tsx
@@ -10,7 +10,6 @@ import useStyles from './style'
 import { useNavigate } from 'react-router-dom'
 import { TokenPriceData } from '@store/consts/types'
 import { addressToTicker } from '@utils/utils'
-import SwapList from '@static/svg/swap-list.svg'
 
 interface IProp {
   fee: number

From 9c23de9db0942507a64ed804b0534bb0655b1d8d Mon Sep 17 00:00:00 2001
From: zielvna <zielvna@gmail.com>
Date: Wed, 31 Jul 2024 14:31:58 +0200
Subject: [PATCH 08/10] prevent entered amount from changing when tokens are
 changed on swap page

---
 src/components/Swap/Swap.tsx | 13 ++-----------
 1 file changed, 2 insertions(+), 11 deletions(-)

diff --git a/src/components/Swap/Swap.tsx b/src/components/Swap/Swap.tsx
index e7e883e7..2dc7b39a 100644
--- a/src/components/Swap/Swap.tsx
+++ b/src/components/Swap/Swap.tsx
@@ -156,6 +156,8 @@ export const Swap: React.FC<ISwap> = ({
 
   const navigate = useNavigate()
 
+  console.log(inputRef, amountFrom, amountTo)
+
   useEffect(() => {
     const tokenFromAddress = addressToTicker(tokens[tokenFromIndex ?? -1]?.assetAddress)
     const tokenToAddress = addressToTicker(tokens[tokenToIndex ?? -1]?.assetAddress)
@@ -245,10 +247,6 @@ export const Swap: React.FC<ISwap> = ({
     return () => clearTimeout(timeout)
   }, [refresherTime, tokenFromIndex, tokenToIndex])
 
-  useEffect(() => {
-    updateEstimatedAmount()
-  }, [tokenToIndex, tokenFromIndex, pools.length])
-
   useEffect(() => {
     if (inputRef !== inputTarget.DEFAULT) {
       const temp: string = amountFrom
@@ -302,13 +300,6 @@ export const Swap: React.FC<ISwap> = ({
     return !!swapPool
   }
 
-  const updateEstimatedAmount = () => {
-    if (tokenFromIndex !== null && tokenToIndex !== null) {
-      const amount = getAmountOut(tokens[tokenToIndex])
-      setAmountTo(+amount === 0 ? '' : trimLeadingZeros(amount))
-    }
-  }
-
   const isError = (error: SwapError): boolean => {
     if (simulateResult.errors) {
       return simulateResult.errors.some(err => err === error)

From 37828456d70c99724b2f99c01a7833dcc339432d Mon Sep 17 00:00:00 2001
From: zielvna <zielvna@gmail.com>
Date: Wed, 31 Jul 2024 14:53:11 +0200
Subject: [PATCH 09/10] remove unnecessary console log

---
 src/components/Swap/Swap.tsx | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/components/Swap/Swap.tsx b/src/components/Swap/Swap.tsx
index 2dc7b39a..b8cdc304 100644
--- a/src/components/Swap/Swap.tsx
+++ b/src/components/Swap/Swap.tsx
@@ -156,8 +156,6 @@ export const Swap: React.FC<ISwap> = ({
 
   const navigate = useNavigate()
 
-  console.log(inputRef, amountFrom, amountTo)
-
   useEffect(() => {
     const tokenFromAddress = addressToTicker(tokens[tokenFromIndex ?? -1]?.assetAddress)
     const tokenToAddress = addressToTicker(tokens[tokenToIndex ?? -1]?.assetAddress)

From 8ee1febc98651a45bc9e999334726aca1d823e1f Mon Sep 17 00:00:00 2001
From: Piotr Matlak <piotr.matlak.contact@gmail.com>
Date: Wed, 31 Jul 2024 15:02:35 +0200
Subject: [PATCH 10/10] increase size of reverse tokens button

---
 src/components/PositionDetails/SinglePositionInfo/style.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/PositionDetails/SinglePositionInfo/style.ts b/src/components/PositionDetails/SinglePositionInfo/style.ts
index 81f05cf9..02d0fe38 100644
--- a/src/components/PositionDetails/SinglePositionInfo/style.ts
+++ b/src/components/PositionDetails/SinglePositionInfo/style.ts
@@ -22,10 +22,10 @@ export const useStyles = makeStyles()((theme: Theme) => ({
     }
   },
   arrowIcon: {
-    width: 22,
+    width: 32,
     marginRight: 8,
     marginLeft: 8,
-    height: 22,
+    height: 32,
     borderRadius: '100%',
     padding: 4,