Files
NotionNext/themes/Medium/components/LogoBar.js
tangly1024 c929d6fa02 Medium V2.0
2022-02-12 17:09:00 +08:00

27 lines
971 B
JavaScript

import BLOG from '@/blog.config'
import { faEnvelope } from '@fortawesome/free-solid-svg-icons'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import Link from 'next/link'
export default function LogoBar () {
// const { locale } = useGlobal()
return <div id='top-wrapper' className='w-full flex justify-center font-sans'>
<div className='flex mx-auto w-full justify-between '>
<div className='space-x-3 flex items-center'>
<Link href='/'>
<a className='text-2xl'>{BLOG.TITLE}</a>
</Link>
{/* <Link href='/about'> */}
{/* <a className='text-gray-600'>{locale.NAV.ABOUT}</a> */}
{/* </Link> */}
</div>
{BLOG.CONTACT_EMAIL && <Link href={`mailto:${BLOG.CONTACT_EMAIL}`} passHref>
<div className='bg-black px-2 py-1 rounded-full'>
<FontAwesomeIcon className='cursor-pointer text-white' icon={faEnvelope} />
</div>
</Link>}
</div>
</div>
}