/
dedaMazai
/
TestServer
Обзор
Документация
Войти
/
dedaMazai
/
TestServer
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
src/shared/ui/Code/Code.tsx
31 строка
881 B
Andrey Chipizubov
fix
23 апр 2023, 17:32
23 апр 2023, 17:32
cc424e9
Код
Авторство
О чём код?
import { memo, useCallback } from 'react'; import { classNames } from '@/shared/lib/classNames/classNames'; import CopyIcon from '@/shared/assets/icons/copy-20-20.svg'; import { Button, ButtonTheme } from '../Button/Button'; 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.Code, {}, [className])}> <Button onClick={onCopy} className={cls.copyBtn} theme={ButtonTheme.CLEAR} > <CopyIcon className={cls.copyIcon} /> </Button> <code>{text}</code> </pre> ); });