You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
40 lines
1.1 KiB
TypeScript
40 lines
1.1 KiB
TypeScript
import styles from './googlePlayLink.module.scss';
|
|
import Link, { LinkProps } from 'next/link';
|
|
import LinkIcon from '@/assets/icons/link.svg';
|
|
import useLocale, { LocalesMap } from '@/utils/useLocale';
|
|
import clsx from 'clsx';
|
|
import { CursorEffect } from '@/components/cursor';
|
|
|
|
const locales: LocalesMap = {
|
|
ru: {
|
|
getText: 'Доступно в Google Play',
|
|
},
|
|
en: {
|
|
getText: 'Get it on Google Play',
|
|
},
|
|
};
|
|
|
|
type GooglePlayLinkProps = Omit<LinkProps, 'href'> & { className?: string };
|
|
|
|
export function GooglePlayLink(props: GooglePlayLinkProps) {
|
|
const { className: restCalssName, ...restProps } = props;
|
|
const t = useLocale(locales);
|
|
|
|
return (
|
|
<CursorEffect
|
|
effectDistance={48}
|
|
effectForce={4}
|
|
cursorPadding={0}
|
|
className={clsx(styles.rootWrapper, restCalssName)}
|
|
>
|
|
<Link
|
|
{...restProps}
|
|
className={clsx(styles.root)}
|
|
target="_blank"
|
|
href="https://play.google.com/store/apps/details?id=org.xtimms.ridebus"
|
|
>
|
|
{t('getText')} <LinkIcon />
|
|
</Link>
|
|
</CursorEffect>
|
|
);
|
|
} |