/
alt3rmann
/
graphql-engine
Обзор
Документация
Войти
/
alt3rmann
/
graphql-engine
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/src/components/CustomFooter/ContributionPointer.tsx
30 строк
878 B
Rob Dominguez
docs: add pointer component for contributions
26 июн 2023, 10:32
26 июн 2023, 10:32
2138caa
Код
Авторство
О чём код?
import React, { useEffect, useState } from 'react'; import Link from '@docusaurus/Link'; import styles from './styles.module.scss'; const ContributionPointer = ({ element }) => { const [isHover, setIsHover] = useState(false); useEffect(() => { if (!element) return; element.addEventListener('mouseenter', () => { setIsHover(true); }); element.addEventListener('mouseleave', () => { setIsHover(false); }); }, [element]); return ( <Link className={`${styles['contribution-pointer']} ${isHover ? styles['contribution-hover'] : ''}`} href="https://hasura.io/docs/wiki/contributions/" rel="noopener noreferrer" > <div className={styles['contribution-pointer__text']}> <span>Have questions? Check out our contribution guide!</span> </div> </Link> ); }; export default ContributionPointer;