starter menu

This commit is contained in:
tangly1024.com
2024-09-25 10:48:31 +08:00
parent 3effaa1997
commit 4985b4a237

View File

@@ -3,6 +3,7 @@ import { siteConfig } from '@/lib/config'
import { useGlobal } from '@/lib/global' import { useGlobal } from '@/lib/global'
import { SignedIn, SignedOut, UserButton } from '@clerk/nextjs' import { SignedIn, SignedOut, UserButton } from '@clerk/nextjs'
import throttle from 'lodash.throttle' import throttle from 'lodash.throttle'
import Link from 'next/link'
import { useRouter } from 'next/router' import { useRouter } from 'next/router'
import { useCallback, useEffect, useState } from 'react' import { useCallback, useEffect, useState } from 'react'
import { DarkModeButton } from './DarkModeButton' import { DarkModeButton } from './DarkModeButton'
@@ -72,16 +73,16 @@ export const Header = props => {
<> <>
<SignedOut> <SignedOut>
<div className='hidden sm:flex gap-4'> <div className='hidden sm:flex gap-4'>
<a <Link
href={siteConfig('STARTER_NAV_BUTTON_1_URL')} href={siteConfig('STARTER_NAV_BUTTON_1_URL')}
className={`loginBtn ${buttonTextColor} p-2 text-base font-medium hover:opacity-70`}> className={`loginBtn ${buttonTextColor} p-2 text-base font-medium hover:opacity-70`}>
{siteConfig('STARTER_NAV_BUTTON_1_TEXT')} {siteConfig('STARTER_NAV_BUTTON_1_TEXT')}
</a> </Link>
<a <Link
href={siteConfig('STARTER_NAV_BUTTON_2_URL')} href={siteConfig('STARTER_NAV_BUTTON_2_URL')}
className={`signUpBtn ${buttonTextColor} p-2 rounded-md bg-white bg-opacity-20 py-2 text-base font-medium duration-300 ease-in-out hover:bg-opacity-100 hover:text-dark`}> className={`signUpBtn ${buttonTextColor} p-2 rounded-md bg-white bg-opacity-20 py-2 text-base font-medium duration-300 ease-in-out hover:bg-opacity-100 hover:text-dark`}>
{siteConfig('STARTER_NAV_BUTTON_2_TEXT')} {siteConfig('STARTER_NAV_BUTTON_2_TEXT')}
</a> </Link>
</div> </div>
</SignedOut> </SignedOut>
<SignedIn> <SignedIn>