fix linter issue

CrocSwap · Oct 11, 2024 · 58f0ba8 · 58f0ba8
1 parent e760b81
commit 58f0ba8
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/src/components/Global/DetailModals/OrderDetails/PriceInfo/PriceInfo.tsx b/src/components/Global/DetailModals/OrderDetails/PriceInfo/PriceInfo.tsx
@@ -7,6 +7,7 @@ import TokenIcon from '../../../TokenIcon/TokenIcon';
 import { useContext } from 'react';
 import { TokenContext } from '../../../../../contexts/TokenContext';
 import { getFormattedNumber } from '../../../../../ambient-utils/dataLayer';
+import useMediaQuery from '../../../../../utils/hooks/useMediaQuery';
 
 type ItemIF = {
     slug: string;
@@ -42,6 +43,8 @@ interface propsIF {
 }
 
 export default function PriceInfo(props: propsIF) {
+    const showMobileVersion = useMediaQuery('(max-width: 768px)');
+
     const {
         limitOrder,
         isBid,

diff --git a/src/components/Global/DetailModals/RangeDetails/PriceInfo/PriceInfo.tsx b/src/components/Global/DetailModals/RangeDetails/PriceInfo/PriceInfo.tsx
@@ -11,6 +11,7 @@ import {
 import { useContext } from 'react';
 import { TokenContext } from '../../../../../contexts/TokenContext';
 import { ChainDataContext } from '../../../../../contexts/ChainDataContext';
+import useMediaQuery from '../../../../../utils/hooks/useMediaQuery';
 
 interface propsIF {
     position: PositionIF;
@@ -40,6 +41,8 @@ interface propsIF {
 }
 
 export default function PriceInfo(props: propsIF) {
+    const showMobileVersion = useMediaQuery('(max-width: 768px)');
+
     const {
         usdValue,
         lowRangeDisplay,