/
githubmirror
/
client
Обзор
Документация
Войти
/
githubmirror
/
client
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
shared/common-adapters/check-circle.tsx
72 строки
1 KB
chrisnojima
refactor(styles): theme via hooks, no android remount (#29515)
08 авг 2026, 02:24
Не верифицирован
08 авг 2026, 02:24
a41d38e
Код
Авторство
О чём код?
import './check-circle.css' import * as Styles from '@/styles' import Icon from './icon' const Kb = {Icon} type Props = { color?: Styles.Color hoverColor?: Styles.Color checked: boolean checkedColor?: Styles.Color checkedHoverColor?: Styles.Color disabled?: boolean disabledColor?: Styles.Color className?: string fontSize?: number onCheck?: (newCheckedValue: boolean) => void style?: Styles.StylesCrossPlatform } const CheckCircle = (props: Props) => { const theme = Styles.useTheme() const { checked, checkedColor, checkedHoverColor, className, color, disabled, disabledColor, fontSize, hoverColor, onCheck, style, } = props const onClick = () => { if (onCheck) { if (!disabled) { onCheck(!checked) } } } return ( <Kb.Icon type={checked ? 'iconfont-success' : 'iconfont-circle'} onClick={onClick} fontSize={fontSize} color={ disabled ? disabledColor || theme.black_05OrWhite_10 : checked ? checkedColor || theme.blue : color || theme.black_20OrWhite_20 } hoverColor={ disabled ? disabledColor || theme.black_05OrWhite_10 : checked ? checkedHoverColor || theme.blueDarkOrBlueLight : hoverColor || theme.blue } className={Styles.classNames(disabled && `checkCircle__disabled`, className)} style={style} /> ) } export default CheckCircle