|
|
|
@ -1,4 +1,5 @@
|
|
|
|
|
import { Routes } from "@blitzjs/next" |
|
|
|
|
import { count } from "app/core/helpers/metrika" |
|
|
|
|
import TonLogo from "app/core/icons/TonLogo" |
|
|
|
|
import { useRouter } from "next/router" |
|
|
|
|
import { useTranslation } from "react-i18next" |
|
|
|
@ -7,20 +8,38 @@ import ThemeSwitcher from "../ThemeSwitcher/ThemeSwitcher"
|
|
|
|
|
import s from "./styles.module.css" |
|
|
|
|
import TGLogo from "./TGLogo" |
|
|
|
|
|
|
|
|
|
const Header = () => { |
|
|
|
|
const { route } = useRouter() |
|
|
|
|
|
|
|
|
|
const router = useRouter() |
|
|
|
|
interface FooterLinkProps { |
|
|
|
|
href: string; |
|
|
|
|
keyLink: string; |
|
|
|
|
isTg?: boolean; |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
const FooterLink = ({href,keyLink,isTg}:FooterLinkProps) => { |
|
|
|
|
const { t } = useTranslation() |
|
|
|
|
const onClick =() => { |
|
|
|
|
count(keyLink) |
|
|
|
|
} |
|
|
|
|
return ( |
|
|
|
|
<a onClick={onClick} target="_blank" href={href} className={s.footerLinkRoot}> |
|
|
|
|
{isTg && <TGLogo className={s.tgIcon}/>} {t(keyLink)} |
|
|
|
|
</a> |
|
|
|
|
) |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
const Footer = () => { |
|
|
|
|
const { t } = useTranslation() |
|
|
|
|
|
|
|
|
|
return ( |
|
|
|
|
<div className={s.root}> |
|
|
|
|
<div className={s.contactsWrapper} > |
|
|
|
|
<span>{t("footer.contacts-description")}</span> |
|
|
|
|
<a target="_blank" href="https://searching_ton.t.me/"><TGLogo className={s.tgIcon}/></a> |
|
|
|
|
<div className={s.contactsWrapper}> |
|
|
|
|
<FooterLink href="https://searching_ton.t.me/" keyLink="footer.linkContacts" isTg /> |
|
|
|
|
<FooterLink href="https://searchington.t.me/" keyLink="footer.linkAnnouncments" isTg /> |
|
|
|
|
<FooterLink href="https://searching_ton_feedback_bot.t.me/" keyLink="footer.linkFeedback" isTg /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
) |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
export default Header |
|
|
|
|
export default Footer |
|
|
|
|