fix: breakpoint for mobile header

2024-02-07 16:44:53 -08:00
parent 5ab455159c
commit 0351d3f478
1 changed files with 3 additions and 2 deletions
@@ -51,8 +51,9 @@ const NotFound = () => {

 export const useRouterConfig = (): RouteObject[] => {
  const featureFlags = useFeatureFlags((state) => state.flags);
-  const { isMobile } = useScreenDimensions();
-  const marketHeader = isMobile ? <MobileMarketHeader /> : <MarketHeader />;
+  const { screenSize } = useScreenDimensions();
+  const largeScreen = ['lg', 'xl', 'xxl', 'xxxl'].includes(screenSize);
+  const marketHeader = largeScreen ? <MarketHeader /> : <MobileMarketHeader />;
  const routeConfig = compact([
    {
      index: true,