35 lines
833 B
TypeScript
35 lines
833 B
TypeScript
'use client'
|
|
|
|
import {useLocale, useTranslations} from 'next-intl'
|
|
import Image from 'next/image'
|
|
|
|
// TODO: Link throwing no connection error in this component; React 19 Bug
|
|
// import {Link} from '@/i18n/routing'
|
|
import {APP_NAME} from '@/lib/constants'
|
|
import logoImg from '@/public/images/logo.svg'
|
|
|
|
export default function Logo() {
|
|
const t = useTranslations('Common')
|
|
const locale = useLocale()
|
|
const ar = 121 / 192
|
|
const w = 112
|
|
|
|
return (
|
|
<div className='mt-0.5 flex items-center justify-center'>
|
|
<a
|
|
href={locale !== 'ru' ? '/' : '/ru'}
|
|
className='m-1 flex cursor-pointer items-center pt-[7px] text-2xl font-extrabold outline-0'
|
|
aria-label={t('home')}
|
|
>
|
|
<Image
|
|
src={logoImg}
|
|
width={w}
|
|
height={w * ar}
|
|
alt={`${APP_NAME} logo`}
|
|
className='w-[131]'
|
|
/>
|
|
</a>
|
|
</div>
|
|
)
|
|
}
|