From 5e33bf0a33d8327b31f71831a623f2d2e8a410ed Mon Sep 17 00:00:00 2001
From: Connor Barr <crnbarr@gmail.com>
Date: Mon, 1 Jul 2024 14:45:27 +0100
Subject: [PATCH] refactor: refactored use of usememo in limit-price-selector

---
 .../place-limit-tool/limit-price-selector.tsx         | 11 ++++-------
 packages/web/hooks/limit-orders/use-place-limit.ts    |  1 -
 2 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/packages/web/components/place-limit-tool/limit-price-selector.tsx b/packages/web/components/place-limit-tool/limit-price-selector.tsx
index 871189530c..466a71e98c 100644
--- a/packages/web/components/place-limit-tool/limit-price-selector.tsx
+++ b/packages/web/components/place-limit-tool/limit-price-selector.tsx
@@ -43,10 +43,6 @@ export const LimitPriceSelector: FC<LimitPriceSelectorProps> = ({
     );
   }, [inputMode]);
 
-  const isAboveBelowMarketPrice = useMemo(() => {
-    return swapState.priceState.isBeyondOppositePrice;
-  }, [swapState.priceState.isBeyondOppositePrice]);
-
   const priceLabel = useMemo(() => {
     if (inputMode === InputMode.Percentage) {
       return formatPretty(priceState.priceFiat);
@@ -103,8 +99,9 @@ export const LimitPriceSelector: FC<LimitPriceSelectorProps> = ({
 
             <button
               className={classNames("body2 inline-flex items-center gap-1", {
-                "text-rust-400": isAboveBelowMarketPrice,
-                "text-wosmongton-300": !isAboveBelowMarketPrice,
+                "text-rust-400": swapState.priceState.isBeyondOppositePrice,
+                "text-wosmongton-300":
+                  !swapState.priceState.isBeyondOppositePrice,
               })}
               onClick={swapInputMode}
             >
@@ -119,7 +116,7 @@ export const LimitPriceSelector: FC<LimitPriceSelectorProps> = ({
           </div>
         </SkeletonLoader>
         <div className="">
-          {isAboveBelowMarketPrice && (
+          {swapState.priceState.isBeyondOppositePrice && (
             <span className="body2 text-rust-400">
               <Tooltip
                 content={TooltipContent}
diff --git a/packages/web/hooks/limit-orders/use-place-limit.ts b/packages/web/hooks/limit-orders/use-place-limit.ts
index 873626b787..e039d7f89a 100644
--- a/packages/web/hooks/limit-orders/use-place-limit.ts
+++ b/packages/web/hooks/limit-orders/use-place-limit.ts
@@ -266,7 +266,6 @@ const useLimitPrice = ({
   orderbookContractAddress: string;
   orderDirection: OrderDirection;
 }) => {
-  // TODO: Fetch spot price from SQS
   const { data, isLoading } = api.edge.orderbooks.getOrderbookState.useQuery({
     osmoAddress: orderbookContractAddress,
   });