/
skitchen
/
Portal
Обзор
Документация
Войти
/
skitchen
/
Portal
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
src/shared/ui/Code/Code.tsx
29 строк
765 B
nikita
Update article fetch service and add article details components
28 авг 2023, 13:36
28 авг 2023, 13:36
2fc93b8
Код
Авторство
О чём код?
import { classNames } from 'shared/lib/classNames/classNames'; import { memo, useCallback } from 'react'; import { Button } from 'shared/ui/Button/Button'; import { Copy } from 'phosphor-react'; import cls from './Code.module.scss'; interface CodeProps { className?: string; text: string; } export const Code = memo((props: CodeProps) => { const { className, text } = props; const onCopy = useCallback(() => { navigator.clipboard.writeText(text); }, [text]); return ( <pre className={classNames(cls.root, {}, [className])}> <Button onClick={onCopy} className={cls.copyBtn}> <Copy /> </Button> <code> {text} </code> </pre> ); });