Standardize breakpoints

src/App/App.tsx

@@ -17,7 +17,7 @@ import useKeyPress from './hooks/useKeyPress';
 
 import FooterNav from '../components/Global/FooterNav/FooterNav';
 import { FlexContainer } from '../styled/Common';
-import useMediaQuery from '../utils/hooks/useMediaQuery';
+import { useMediaQuery } from '../utils/hooks/useMediaQuery';
 
 import Footer from '../components/Futa/Footer/Footer';
 import Navbar from '../components/Futa/Navbar/Navbar';

src/App/components/PageHeader/ExchangeBalanceDropdown/ExchangeBalanceDropdown.tsx

@@ -3,7 +3,7 @@ import coins from '../../../../assets/images/coins.svg';
 import Modal from '../../../../components/Global/Modal/Modal';
 import ModalHeader from '../../../../components/Global/ModalHeader/ModalHeader';
 import ExchangeBalance from '../../../../components/Portfolio/ExchangeBalance/ExchangeBalance';
-import useMediaQuery from '../../../../utils/hooks/useMediaQuery';
+import { useMediaQuery } from '../../../../utils/hooks/useMediaQuery';
 import useKeyPress from '../../../hooks/useKeyPress';
 import NavItem from '../NavItem/NavItem';
 import styles from './ExchangeBalanceDropdown.module.css';

src/App/components/PageHeader/NetworkSelector/NetworkSelector.tsx

@@ -31,7 +31,7 @@ import {
     linkGenMethodsIF,
     useLinkGen,
 } from '../../../../utils/hooks/useLinkGen';
-import useMediaQuery from '../../../../utils/hooks/useMediaQuery';
+import { useMediaQuery } from '../../../../utils/hooks/useMediaQuery';
 import { ItemEnterAnimation } from '../../../../utils/others/FramerMotionAnimations';
 import styles from './NetworkSelector.module.css';
 interface propsIF {

src/App/components/PageHeader/PageHeader.tsx

@@ -30,7 +30,7 @@ import {
     swapParamsIF,
     useLinkGen,
 } from '../../../utils/hooks/useLinkGen';
-import useMediaQuery from '../../../utils/hooks/useMediaQuery';
+import { useMediaQuery } from '../../../utils/hooks/useMediaQuery';
 import NetworkSelector from './NetworkSelector/NetworkSelector';
 import styles from './PageHeader.module.css';
 import UserMenu from './UserMenu/UserMenu';

src/App/components/PageHeader/UserMenu/UserMenu.tsx

@@ -21,7 +21,7 @@ import NotificationCenter from '../../../../components/Global/NotificationCenter
 import { ChainDataContext } from '../../../../contexts/ChainDataContext';
 import { UserDataContext } from '../../../../contexts/UserDataContext';
 import { FlexContainer } from '../../../../styled/Common';
-import useMediaQuery from '../../../../utils/hooks/useMediaQuery';
+import { useMediaQuery } from '../../../../utils/hooks/useMediaQuery';
 import LevelDropdown from './LevelDropdown/LevelDropdown';
 import styles from './UserMenu.module.css';
 // TODO: use user context instead of UseAccount

src/App/components/Sidebar/SidebarAccordion.tsx

@@ -7,7 +7,7 @@ import { AppStateContext } from '../../../contexts/AppStateContext';
 import { UserDataContext } from '../../../contexts/UserDataContext';
 import { FlexContainer, Text } from '../../../styled/Common';
 import { AccordionHeader, ArrowIcon } from '../../../styled/Components/Sidebar';
-import useMediaQuery from '../../../utils/hooks/useMediaQuery';
+import { useMediaQuery } from '../../../utils/hooks/useMediaQuery';
 import { sidebarMethodsIF } from '../../hooks/useSidebar';
 
 // interface for React functional component props

src/components/Futa/Footer/Footer.tsx

@@ -7,7 +7,7 @@ import { Link, useLocation } from 'react-router-dom';
 import { formSlugForPairParams } from '../../../App/functions/urlSlugs';
 import { chainNumToString } from '../../../ambient-utils/dataLayer';
 import { TradeDataContext } from '../../../contexts/TradeDataContext';
-import useMediaQuery from '../../../utils/hooks/useMediaQuery';
+import { useMediaQuery } from '../../../utils/hooks/useMediaQuery';
 import DesktopFooter from './DesktopFooter';
 import styles from './Footer.module.css';
 

src/components/Futa/Navbar/Navbar.tsx

@@ -32,7 +32,7 @@ import {
     swapParamsIF,
     useLinkGen,
 } from '../../../utils/hooks/useLinkGen';
-import useMediaQuery from '../../../utils/hooks/useMediaQuery';
+import { useMediaQuery } from '../../../utils/hooks/useMediaQuery';
 import useOnClickOutside from '../../../utils/hooks/useOnClickOutside';
 import Toggle from '../../Form/Toggle';
 import NotificationCenter from '../../Global/NotificationCenter/NotificationCenter';

src/components/Futa/SearchableTicker/SearchableTicker.tsx

@@ -13,7 +13,7 @@ import {
     sortedAuctionsIF,
 } from '../../../pages/platformFuta/Auctions/useSortedAuctions';
 import { FlexContainer } from '../../../styled/Common';
-import useMediaQuery from '../../../utils/hooks/useMediaQuery';
+import { useMediaQuery } from '../../../utils/hooks/useMediaQuery';
 import useOnClickOutside from '../../../utils/hooks/useOnClickOutside';
 import AuctionLoader from '../AuctionLoader/AuctionLoader';
 import Chart from '../Chart/Chart';

src/components/Futa/TickerComponent/TickerComponent.tsx

@@ -39,7 +39,7 @@ import {
     MARKET_CAP_MULTIPLIER_BIG_INT,
 } from '../../../pages/platformFuta/mockAuctionData';
 import { linkGenMethodsIF, useLinkGen } from '../../../utils/hooks/useLinkGen';
-import useMediaQuery from '../../../utils/hooks/useMediaQuery';
+import { useMediaQuery } from '../../../utils/hooks/useMediaQuery';
 import BreadCrumb from '../Breadcrumb/Breadcrumb';
 import Comments from '../Comments/Comments';
 import FutaDivider2 from '../Divider/FutaDivider2';

src/components/Global/Account/AccountTabs/Exchange/ExchangeCard.tsx

@@ -17,7 +17,7 @@ import {
     CrocEnvContext,
 } from '../../../../../contexts';
 import { TokenContext } from '../../../../../contexts/TokenContext';
-import useMediaQuery from '../../../../../utils/hooks/useMediaQuery';
+import { useMediaQuery } from '../../../../../utils/hooks/useMediaQuery';
 import { DefaultTooltip } from '../../../StyledTooltip/StyledTooltip';
 import TokenIcon from '../../../TokenIcon/TokenIcon';
 import styles from './ExchangeCard.module.css';

src/components/Global/Account/AccountTabs/Wallet/WalletCard.tsx

@@ -17,7 +17,7 @@ import {
     CrocEnvContext,
 } from '../../../../../contexts';
 import { TokenContext } from '../../../../../contexts/TokenContext';
-import useMediaQuery from '../../../../../utils/hooks/useMediaQuery';
+import { useMediaQuery } from '../../../../../utils/hooks/useMediaQuery';
 import { DefaultTooltip } from '../../../StyledTooltip/StyledTooltip';
 import TokenIcon from '../../../TokenIcon/TokenIcon';
 import styles from './WalletCard.module.css';

src/components/Global/BottomSheet/BottomSheet.tsx

@@ -2,7 +2,7 @@ import { motion, PanInfo, useAnimation } from 'framer-motion';
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { RiCloseFill } from 'react-icons/ri';
 import { useBottomSheet } from '../../../contexts/BottomSheetContext';
-import useMediaQuery from '../../../utils/hooks/useMediaQuery';
+import { useMediaQuery } from '../../../utils/hooks/useMediaQuery';
 import useOnClickOutside from '../../../utils/hooks/useOnClickOutside';
 import styles from './BottomSheet.module.css';
 

src/components/Global/DetailModals/DetailsHeader/DetailsHeader.tsx

@@ -5,7 +5,7 @@ import { RiScreenshot2Fill } from 'react-icons/ri';
 import { TbListDetails } from 'react-icons/tb';
 import logo from '../../../../assets/images/logos/logo_mark.svg';
 import logoText from '../../../../assets/images/logos/logo_text.png';
-import useMediaQuery from '../../../../utils/hooks/useMediaQuery';
+import { useMediaQuery } from '../../../../utils/hooks/useMediaQuery';
 import IconWithTooltip from '../../IconWithTooltip/IconWithTooltip';
 import styles from './DetailsHeader.module.css';
 interface DetailsHeaderPropsIF {

src/components/Global/DetailModals/OrderDetails/OrderDetailsModal/OrderDetailsModal.tsx

@@ -21,7 +21,7 @@ import { CrocEnvContext } from '../../../../../contexts/CrocEnvContext';
 import { TokenContext } from '../../../../../contexts/TokenContext';
 import { UserDataContext } from '../../../../../contexts/UserDataContext';
 import useCopyToClipboard from '../../../../../utils/hooks/useCopyToClipboard';
-import useMediaQuery from '../../../../../utils/hooks/useMediaQuery';
+import { useMediaQuery } from '../../../../../utils/hooks/useMediaQuery';
 import { useProcessOrder } from '../../../../../utils/hooks/useProcessOrder';
 import Modal from '../../../../Global/Modal/Modal';
 import ModalHeader from '../../../ModalHeader/ModalHeader';

src/components/Global/DetailModals/RangeDetails/PriceInfo/PriceInfo.tsx

@@ -9,7 +9,7 @@ import {
 } from '../../../../../ambient-utils/types';
 import { ChainDataContext } from '../../../../../contexts/ChainDataContext';
 import { TokenContext } from '../../../../../contexts/TokenContext';
-import useMediaQuery from '../../../../../utils/hooks/useMediaQuery';
+import { useMediaQuery } from '../../../../../utils/hooks/useMediaQuery';
 import Apy from '../../../Tabs/Apy/Apy';
 import TokenIcon from '../../../TokenIcon/TokenIcon';
 

src/components/Global/DetailModals/RangeDetails/RangeDetailsModal/RangeDetailsModal.tsx

@@ -27,7 +27,7 @@ import { TokenContext } from '../../../../../contexts/TokenContext';
 import { TradeDataContext } from '../../../../../contexts/TradeDataContext';
 import { UserDataContext } from '../../../../../contexts/UserDataContext';
 import useCopyToClipboard from '../../../../../utils/hooks/useCopyToClipboard';
-import useMediaQuery from '../../../../../utils/hooks/useMediaQuery';
+import { useMediaQuery } from '../../../../../utils/hooks/useMediaQuery';
 import { useProcessRange } from '../../../../../utils/hooks/useProcessRange';
 import Modal from '../../../Modal/Modal';
 import ModalHeader from '../../../ModalHeader/ModalHeader';

src/components/Global/DetailModals/TransactionDetails/TransactionDetailsModal.tsx

@@ -18,7 +18,7 @@ import {
 import { CachedDataContext } from '../../../../contexts/CachedDataContext';
 import { CrocEnvContext } from '../../../../contexts/CrocEnvContext';
 import { TokenContext } from '../../../../contexts/TokenContext';
-import useMediaQuery from '../../../../utils/hooks/useMediaQuery';
+import { useMediaQuery } from '../../../../utils/hooks/useMediaQuery';
 import Modal from '../../Modal/Modal';
 import ModalHeader from '../../ModalHeader/ModalHeader';
 import DetailsHeader from '../DetailsHeader/DetailsHeader';

src/components/Global/DetailModals/TransactionDetails/TransactionDetailsPriceInfo/TransactionDetailsPriceInfo.tsx

@@ -10,7 +10,7 @@ import { TokenIF, TransactionIF } from '../../../../../ambient-utils/types';
 import { CrocEnvContext } from '../../../../../contexts/CrocEnvContext';
 import { TokenContext } from '../../../../../contexts/TokenContext';
 import { UserDataContext } from '../../../../../contexts/UserDataContext';
-import useMediaQuery from '../../../../../utils/hooks/useMediaQuery';
+import { useMediaQuery } from '../../../../../utils/hooks/useMediaQuery';
 import { DefaultTooltip } from '../../../StyledTooltip/StyledTooltip';
 import Apy from '../../../Tabs/Apy/Apy';
 import TokenIcon from '../../../TokenIcon/TokenIcon';

src/components/Global/DropdownMenu2/DropdownMenu2.tsx

@@ -4,7 +4,7 @@ import { FaAngleDown } from 'react-icons/fa';
 import useKeyPress from '../../../App/hooks/useKeyPress';
 import { brand } from '../../../ambient-utils/constants';
 import { AppStateContext } from '../../../contexts/AppStateContext';
-import useMediaQuery from '../../../utils/hooks/useMediaQuery';
+import { useMediaQuery } from '../../../utils/hooks/useMediaQuery';
 import UseOnClickOutside from '../../../utils/hooks/useOnClickOutside';
 import { dropdownAnimation } from '../../../utils/others/FramerMotionAnimations';
 import Modal from '../Modal/Modal';

src/components/Global/Explore/DexTokens/DexTokens.tsx

@@ -4,7 +4,7 @@ import { SinglePoolDataIF } from '../../../../ambient-utils/types';
 import { ChainDataContext } from '../../../../contexts';
 import { dexTokenData } from '../../../../pages/platformAmbient/Explore/useTokenStats';
 import useIsPWA from '../../../../utils/hooks/useIsPWA';
-import useMediaQuery from '../../../../utils/hooks/useMediaQuery';
+import { useMediaQuery } from '../../../../utils/hooks/useMediaQuery';
 import TooltipComponent from '../../TooltipComponent/TooltipComponent';
 import AssignSort from '../AssignSort';
 import ExploreToggle from '../ExploreToggle/ExploreToggle';

src/components/Global/Explore/PoolRow/PoolRow.tsx

@@ -10,7 +10,7 @@ import TokenIcon from '../../TokenIcon/TokenIcon';
 import { useMemo } from 'react';
 import { GrLineChart } from 'react-icons/gr';
 import { FlexContainer } from '../../../../styled/Common';
-import useMediaQuery from '../../../../utils/hooks/useMediaQuery';
+import { useMediaQuery } from '../../../../utils/hooks/useMediaQuery';
 import styles from './PoolRow.module.css';
 interface propsIF {
     pool: PoolDataIF;

src/components/Global/Explore/PoolRow/PoolRowSkeleton.tsx

@@ -1,4 +1,4 @@
-import useMediaQuery from '../../../../utils/hooks/useMediaQuery';
+import { useMediaQuery } from '../../../../utils/hooks/useMediaQuery';
 import styles from './PoolRow.module.css';
 
 export default function PoolRowSkeleton() {

src/components/Global/Explore/TokenRow/TokenRow.tsx

@@ -4,7 +4,7 @@ import TokenIcon from '../../TokenIcon/TokenIcon';
 import { GrLineChart } from 'react-icons/gr';
 import { SinglePoolDataIF, TokenIF } from '../../../../ambient-utils/types';
 import { dexTokenData } from '../../../../pages/platformAmbient/Explore/useTokenStats';
-import useMediaQuery from '../../../../utils/hooks/useMediaQuery';
+import { useMediaQuery } from '../../../../utils/hooks/useMediaQuery';
 import styles from './TokenRow.module.css';
 interface propsIF {
     token: dexTokenData;

src/components/Global/Explore/TokenRow/TokenRowSkeleton.tsx

@@ -1,4 +1,4 @@
-import useMediaQuery from '../../../../utils/hooks/useMediaQuery';
+import { useMediaQuery } from '../../../../utils/hooks/useMediaQuery';
 import styles from './TokenRow.module.css';
 export default function TokenRowSkeleton() {
     const desktopView = useMediaQuery('(min-width: 768px)');

src/components/Global/Explore/TopPools/TopPools.tsx

@@ -3,7 +3,7 @@ import checkPoolForWETH from '../../../../App/functions/checkPoolForWETH';
 import { PoolIF } from '../../../../ambient-utils/types';
 import { PoolDataIF } from '../../../../contexts/ExploreContext';
 import useIsPWA from '../../../../utils/hooks/useIsPWA';
-import useMediaQuery from '../../../../utils/hooks/useMediaQuery';
+import { useMediaQuery } from '../../../../utils/hooks/useMediaQuery';
 import TooltipComponent from '../../TooltipComponent/TooltipComponent';
 import AssignSort from '../AssignSort';
 import ExploreToggle from '../ExploreToggle/ExploreToggle';

src/components/Global/LevelsCard/LevelsCard.tsx

@@ -7,7 +7,7 @@ import { AppStateContext } from '../../../contexts/AppStateContext';
 import { UserDataContext } from '../../../contexts/UserDataContext';
 import { FlexContainer, Text } from '../../../styled/Common';
 import useCopyToClipboard from '../../../utils/hooks/useCopyToClipboard';
-import useMediaQuery from '../../../utils/hooks/useMediaQuery';
+import { useMediaQuery } from '../../../utils/hooks/useMediaQuery';
 import LevelLine from '../LevelLine/LevelLine';
 import styles from './LevelsCard.module.css';
 import PointsHistoryDisplay from './PointsHistoryDisplay/PointsHistoryDisplay';

src/components/Global/LevelsCard/PointsHistoryDisplay/PointsHistoryDisplay.tsx

@@ -2,7 +2,7 @@ import { Link } from 'react-router-dom';
 import { FlexContainer, Text } from '../../../../styled/Common';
 // import{ ViewMoreButton } from '../../../../styled/Components/TransactionTable';
 import React from 'react';
-import useMediaQuery from '../../../../utils/hooks/useMediaQuery';
+import { useMediaQuery } from '../../../../utils/hooks/useMediaQuery';
 import styles from './PointsHistoryDisplay.module.css';
 
 interface PropsIF {

src/components/Global/Modal/Modal.tsx

@@ -8,7 +8,7 @@ import {
 } from '../../../ambient-utils/constants';
 import { useBottomSheet } from '../../../contexts/BottomSheetContext';
 import { Container } from '../../../styled/Common';
-import useMediaQuery from '../../../utils/hooks/useMediaQuery';
+import { useMediaQuery } from '../../../utils/hooks/useMediaQuery';
 import GlobalModalPortal from '../../GlobalModalPortal';
 import styles from './Modal.module.css';
 

src/components/Global/NotificationCenter/NotificationCenter.tsx

@@ -9,7 +9,7 @@ import {
 } from 'react';
 import { getReceiptTxHashes } from '../../../ambient-utils/dataLayer';
 import { ReceiptContext } from '../../../contexts/ReceiptContext';
-import useMediaQuery from '../../../utils/hooks/useMediaQuery';
+import { useMediaQuery } from '../../../utils/hooks/useMediaQuery';
 import useOnClickOutside from '../../../utils/hooks/useOnClickOutside';
 import ActivityIndicator from './ActivityIndicator/ActivityIndicator';
 import NotificationTable from './NotificationTable/NotificationTable';

src/components/Global/NotificationCenter/NotificationTable/NotificationTable.tsx

@@ -4,7 +4,7 @@ import ReceiptDisplay from '../ReceiptDisplay/ReceiptDisplay';
 import { BrandContext } from '../../../../contexts/BrandContext';
 import { ReceiptContext } from '../../../../contexts/ReceiptContext';
 import { FlexContainer } from '../../../../styled/Common';
-import useMediaQuery from '../../../../utils/hooks/useMediaQuery';
+import { useMediaQuery } from '../../../../utils/hooks/useMediaQuery';
 import Modal from '../../Modal/Modal';
 import ModalHeader from '../../ModalHeader/ModalHeader';
 import styles from './NotificationTable.module.css';

src/components/Global/Sidebar/FavButton.tsx

@@ -1,5 +1,5 @@
 import { HeaderButtons } from '../../../styled/Components/Chart';
-import useMediaQuery from '../../../utils/hooks/useMediaQuery';
+import { useMediaQuery } from '../../../utils/hooks/useMediaQuery';
 
 interface propsIF {
     isButtonFavorited: boolean;

src/components/Global/Sidebar/PoolsListItem.tsx

@@ -18,7 +18,7 @@ import {
     pageNames,
     useLinkGen,
 } from '../../../utils/hooks/useLinkGen';
-import useMediaQuery from '../../../utils/hooks/useMediaQuery';
+import { useMediaQuery } from '../../../utils/hooks/useMediaQuery';
 import TokenIcon from '../TokenIcon/TokenIcon';
 import FavButton from './FavButton';
 

src/components/Global/SnackbarComponent/SnackbarComponent.tsx

@@ -11,7 +11,7 @@ import {
 } from 'react';
 import { IoMdClose } from 'react-icons/io';
 import { AppStateContext } from '../../../contexts/AppStateContext';
-import useMediaQuery from '../../../utils/hooks/useMediaQuery';
+import { useMediaQuery } from '../../../utils/hooks/useMediaQuery';
 import useOnClickOutside from '../../../utils/hooks/useOnClickOutside';
 import styles from './SnackbarComponent.module.css';
 

src/components/Global/TabComponent/TabComponent.tsx

@@ -14,7 +14,7 @@ import { useNavigate } from 'react-router-dom';
 import '../../../App/App.css';
 import { ChartContext } from '../../../contexts/ChartContext';
 import { TradeTableContext } from '../../../contexts/TradeTableContext';
-import useMediaQuery from '../../../utils/hooks/useMediaQuery';
+import { useMediaQuery } from '../../../utils/hooks/useMediaQuery';
 import { DefaultTooltip } from '../StyledTooltip/StyledTooltip';
 import styles from './TabComponent.module.css';
 

src/components/Global/Tabs/TableMenu/TableMenuComponents/OrdersMenu.tsx

@@ -16,7 +16,7 @@ import {
     linkGenMethodsIF,
     useLinkGen,
 } from '../../../../../utils/hooks/useLinkGen';
-import useMediaQuery from '../../../../../utils/hooks/useMediaQuery';
+import { useMediaQuery } from '../../../../../utils/hooks/useMediaQuery';
 import UseOnClickOutside from '../../../../../utils/hooks/useOnClickOutside';
 import { Chip } from '../../../../Form/Chip';
 import styles from './TableMenus.module.css';

src/components/Global/Tabs/TableMenu/TableMenuComponents/RangesMenu.tsx

@@ -6,7 +6,7 @@ import {
     PositionIF,
     RangeModalAction,
 } from '../../../../../ambient-utils/types';
-import useMediaQuery from '../../../../../utils/hooks/useMediaQuery';
+import { useMediaQuery } from '../../../../../utils/hooks/useMediaQuery';
 import UseOnClickOutside from '../../../../../utils/hooks/useOnClickOutside';
 import styles from './TableMenus.module.css';
 

src/components/Global/Tabs/TableMenu/TableMenuComponents/TransactionsMenu.tsx

@@ -14,7 +14,7 @@ import {
     linkGenMethodsIF,
     useLinkGen,
 } from '../../../../../utils/hooks/useLinkGen';
-import useMediaQuery from '../../../../../utils/hooks/useMediaQuery';
+import { useMediaQuery } from '../../../../../utils/hooks/useMediaQuery';
 import UseOnClickOutside from '../../../../../utils/hooks/useOnClickOutside';
 import { Chip } from '../../../../Form/Chip';
 import styles from './TableMenus.module.css';

src/components/Global/TooltipComponent/TooltipComponent.tsx

@@ -1,6 +1,6 @@
 import { memo, useRef, useState } from 'react';
 import { AiOutlineQuestionCircle } from 'react-icons/ai';
-import useMediaQuery from '../../../utils/hooks/useMediaQuery';
+import { useMediaQuery } from '../../../utils/hooks/useMediaQuery';
 import useOnClickOutside from '../../../utils/hooks/useOnClickOutside';
 import {
     DefaultTooltip,

src/components/Global/TutorialComponent/TutorialComponent.tsx

@@ -1,6 +1,6 @@
 import { memo, useEffect, useRef, useState } from 'react';
 import { useNavigate } from 'react-router-dom';
-import useMediaQuery from '../../../utils/hooks/useMediaQuery';
+import { useMediaQuery } from '../../../utils/hooks/useMediaQuery';
 import {
     TutorialStepExternalComponent,
     TutorialStepIF,

src/components/Home/Landing/Hero.tsx

@@ -3,7 +3,7 @@ import { heroItem } from '../../../assets/branding/types';
 import { BrandContext } from '../../../contexts/BrandContext';
 import { FlexContainer, Text } from '../../../styled/Common';
 import { HeroContainer } from '../../../styled/Components/Home';
-import useMediaQuery from '../../../utils/hooks/useMediaQuery';
+import { useMediaQuery } from '../../../utils/hooks/useMediaQuery';
 import styles from './BackgroundImages.module.css';
 import TradeNowButton from './TradeNowButton/TradeNowButton';
 

src/components/Home/Landing/Investors.tsx

@@ -17,7 +17,7 @@ import {
     InvestorsContent,
     MobileContainer,
 } from '../../../styled/Components/Home';
-import useMediaQuery from '../../../utils/hooks/useMediaQuery';
+import { useMediaQuery } from '../../../utils/hooks/useMediaQuery';
 export default function Investors() {
     const row1 = (
         <InvestorRow row={1}>

src/components/Home/Landing/LandingSections.tsx

@@ -10,7 +10,7 @@ import {
     RowContainer,
     SlideContainer,
 } from '../../../styled/Components/Home';
-import useMediaQuery from '../../../utils/hooks/useMediaQuery';
+import { useMediaQuery } from '../../../utils/hooks/useMediaQuery';
 import Footer from '../../Footer/Footer';
 import Investors from './Investors';
 import TradeNowButton from './TradeNowButton/TradeNowButton';