diff --git a/apps/www/components/Nav/index.tsx b/apps/www/components/Nav/index.tsx index 387aefacc5d..edbfd03169f 100644 --- a/apps/www/components/Nav/index.tsx +++ b/apps/www/components/Nav/index.tsx @@ -1,5 +1,6 @@ import React, { useState } from 'react' import Link from 'next/link' +import { useRouter } from 'next/router' import { Button, Badge, IconStar, IconChevronDown } from 'ui' import FlyOut from '~/components/UI/FlyOut' @@ -19,6 +20,8 @@ import * as supabaseLogoWordmarkLight from 'common/assets/images/supabase-logo-w const Nav = () => { const { isDarkMode } = useTheme() + const { pathname } = useRouter() + const isLauchWeekPage = pathname.includes('launch-week') const [open, setOpen] = useState(false) const [openProduct, setOpenProduct] = useState(false) @@ -160,6 +163,7 @@ const Nav = () => { px-1 text-sm font-medium transition-colors + ${isLauchWeekPage ? '!text-white' : ''} ` + props.active } onClick={props.onClick} @@ -172,7 +176,11 @@ const Nav = () => { (props.active && ' rotate-180 transform transition-all duration-100') } > - + @@ -182,8 +190,16 @@ const Nav = () => { <> {/* */}
-
-