|
|
import LazyImage from '@/components/LazyImage' |
|
|
import Link from 'next/link' |
|
|
import CONFIG from '../config' |
|
|
import { SvgIcon } from './SvgIcon' |
|
|
import { siteConfig } from '@/lib/config' |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
export default function LogoBar(props) { |
|
|
const { navBarTitle, siteInfo } = props |
|
|
|
|
|
return <div className="flex items-center"> |
|
|
<Link href="/" aria-label={siteConfig('title')}> |
|
|
<div className="h-6 w-6"> |
|
|
{siteConfig('NOBELIUM_NAV_NOTION_ICON', null, CONFIG) |
|
|
? <LazyImage src={siteInfo?.icon} className='rounded-full' width={24} height={24} alt={siteConfig('AUTHOR')} /> |
|
|
: <SvgIcon />} |
|
|
</div> |
|
|
</Link> |
|
|
{navBarTitle |
|
|
? ( |
|
|
<Link href="/" aria-label={siteConfig('title')}> |
|
|
<p className="ml-2 font-medium text-gray-800 dark:text-gray-300 header-name"> |
|
|
{navBarTitle} |
|
|
</p> |
|
|
</Link> |
|
|
) |
|
|
: ( |
|
|
<p className="ml-2 font-medium text-gray-800 dark:text-gray-300 header-name"> |
|
|
<Link href="/" aria-label={siteConfig('TITLE')}> {siteConfig('TITLE')}</Link> |
|
|
{' '}<span className="font-normal text-sm text-gray-00 dark:text-gray-400">{siteConfig('DESCRIPTION')}</span> |
|
|
</p> |
|
|
)} |
|
|
</div> |
|
|
} |
|
|
|
