diff --git a/apps/www/components/Nav/MobileMenu.tsx b/apps/www/components/Nav/MobileMenu.tsx index 33a418b591f..c42206eca7a 100644 --- a/apps/www/components/Nav/MobileMenu.tsx +++ b/apps/www/components/Nav/MobileMenu.tsx @@ -1,24 +1,22 @@ 'use client' -import { AnimatePresence, LazyMotion, domAnimation, m } from 'framer-motion' +import staticContent from '.generated/staticContent/_index.json' +import ProductModulesData from '~/data/ProductModules' +import { DEFAULT_EASE } from '~/lib/animations' +import { useSendTelemetryEvent } from '~/lib/telemetry' +import { useIsLoggedIn, useIsUserLoading } from 'common' +import * as supabaseLogoWordmarkDark from 'common/assets/images/supabase-logo-wordmark--dark.png' +import * as supabaseLogoWordmarkLight from 'common/assets/images/supabase-logo-wordmark--light.png' +import { AnimatePresence, domAnimation, LazyMotion, m } from 'framer-motion' +import { ChevronRight } from 'lucide-react' import Image from 'next/image' import Link from 'next/link' import { useEffect } from 'react' import type { Dispatch, SetStateAction } from 'react' - import { Accordion, Button, TextLink } from 'ui' -import { DEFAULT_EASE } from '~/lib/animations' + import MenuItem from './MenuItem' -import { useIsLoggedIn, useIsUserLoading } from 'common' -import * as supabaseLogoWordmarkDark from 'common/assets/images/supabase-logo-wordmark--dark.png' -import * as supabaseLogoWordmarkLight from 'common/assets/images/supabase-logo-wordmark--light.png' -import { ChevronRight } from 'lucide-react' -import ProductModulesData from '~/data/ProductModules' -import staticContent from '.generated/staticContent/_index.json' - -import { useSendTelemetryEvent } from '~/lib/telemetry' - interface Props { open: boolean setOpen: Dispatch> @@ -294,7 +292,7 @@ const MobileMenu = ({ open, setOpen, menu }: Props) => { diff --git a/apps/www/components/Nav/index.tsx b/apps/www/components/Nav/index.tsx index 01ed84f4cc0..dabfd11ac48 100644 --- a/apps/www/components/Nav/index.tsx +++ b/apps/www/components/Nav/index.tsx @@ -1,24 +1,22 @@ 'use client' +import { useIsLoggedIn, useIsUserLoading, useUser } from 'common' +import { getMenu } from 'data/nav' +import { DevToolbarTrigger } from 'dev-tools' +import { useSendTelemetryEvent } from 'lib/telemetry' import dynamic from 'next/dynamic' import Link from 'next/link' +import { usePathname } from 'next/navigation' import React, { useState } from 'react' import { useWindowSize } from 'react-use' - -import { useIsLoggedIn, useIsUserLoading, useUser } from 'common' -import { DevToolbarTrigger } from 'dev-tools' import { Button, buttonVariants, cn } from 'ui' import { AuthenticatedDropdownMenu } from 'ui-patterns' -import { useSendTelemetryEvent } from 'lib/telemetry' import GitHubButton from './GitHubButton' import HamburgerButton from './HamburgerMenu' import RightClickBrandLogo from './RightClickBrandLogo' import useDropdownMenu from './useDropdownMenu' -import { getMenu } from 'data/nav' -import { usePathname } from 'next/navigation' - const MenuItem = dynamic(() => import('./MenuItem')) const MobileMenu = dynamic(() => import('./MobileMenu')) const NavigationMenu = dynamic(() => @@ -182,7 +180,7 @@ const Nav = ({ hideNavbar, stickyNavbar = true }: Props) => {