recalculate limit preset ticks every time price moves

CrocSwap · Jan 17, 2025 · f060391 · f060391
1 parent f123468
commit f060391
Showing 1 changed file with 33 additions and 14 deletions.
diff --git a/src/components/Trade/Limit/LimitRate/LimitRate.tsx b/src/components/Trade/Limit/LimitRate/LimitRate.tsx
@@ -169,6 +169,39 @@ export default function LimitRate(props: propsIF) {
                     updateURL({ update: [['limitTick', newTopOfBookLimit]] });
                     setPriceInputFieldBlurred(true);
                 }
+                setOnePercentTickValue(
+                    isSellTokenBase
+                        ? pinTickToTickLower(
+                              currentPoolPriceTick - 1 * 100,
+                              gridSize,
+                          )
+                        : pinTickToTickUpper(
+                              currentPoolPriceTick + 1 * 100,
+                              gridSize,
+                          ),
+                );
+                setFivePercentTickValue(
+                    isSellTokenBase
+                        ? pinTickToTickLower(
+                              currentPoolPriceTick - 5 * 100,
+                              gridSize,
+                          )
+                        : pinTickToTickUpper(
+                              currentPoolPriceTick + 5 * 100,
+                              gridSize,
+                          ),
+                );
+                setTenPercentTickValue(
+                    isSellTokenBase
+                        ? pinTickToTickLower(
+                              currentPoolPriceTick - 10 * 100,
+                              gridSize,
+                          )
+                        : pinTickToTickUpper(
+                              currentPoolPriceTick + 10 * 100,
+                              gridSize,
+                          ),
+                );
             }
         })();
     }, [currentPoolPriceTick, isSellTokenBase, gridSize, selectedPreset]);
@@ -181,20 +214,6 @@ export default function LimitRate(props: propsIF) {
             ? pinTickToTickLower(lowTick, gridSize)
             : pinTickToTickUpper(highTick, gridSize);
 
-        switch (percent) {
-            case 1:
-                setOnePercentTickValue(pinnedTick);
-                break;
-            case 5:
-                setFivePercentTickValue(pinnedTick);
-                break;
-            case 10:
-                setTenPercentTickValue(pinnedTick);
-                break;
-            default:
-                break;
-        }
-
         setLimitTick(pinnedTick);
         updateURL({ update: [['limitTick', pinnedTick]] });
         setPriceInputFieldBlurred(true);