refactor: refactored use of usememo in limit-price-selector

osmosis-labs · Jul 1, 2024 · 5e33bf0 · 5e33bf0
1 parent 3bd9946
commit 5e33bf0
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 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
@@ -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
@@ -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,
   });