/
vshmidt
/
label-studio
Обзор
Документация
Войти
/
vshmidt
/
label-studio
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
develop
web/libs/editor/src/tools/Contrast.jsx
57 строк
1 KB
Yousif Yassi
chore: OPTIC-1778: Unify and prettify icons (#7169)
21 мар 2025, 17:21
Не верифицирован
21 мар 2025, 17:21
b75cace
Код
Авторство
О чём код?
import { observer } from "mobx-react"; import { types } from "mobx-state-tree"; import BaseTool from "./Base"; import Constants from "../core/Constants"; import ToolMixin from "../mixins/Tool"; import { Tool } from "../components/Toolbar/Tool"; import { Range } from "../common/Range/Range"; import { IconContrastTool } from "@humansignal/icons"; const ToolView = observer(({ item }) => { return ( <Tool active={item.selected} ariaLabel="contrast" label="Contrast" controlsOnHover controls={[ <Range key="contrast" align="vertical" reverse continuous minIcon={<IconContrastTool style={{ width: 22, height: 22, opacity: 0.2 }} />} maxIcon={<IconContrastTool style={{ width: 22, height: 22, opacity: 0.8 }} />} value={item.contrast} max={Constants.CONTRAST_MAX} onChange={(val) => { item.setStroke(val); }} />, ]} icon={<IconContrastTool />} /> ); }); const _Tool = types .model("ContrastTool", { contrast: types.optional(types.number, Constants.CONTRAST_VALUE), }) .views((self) => ({ get viewClass() { return () => <ToolView item={self} />; }, })) .actions((self) => ({ setStroke(val) { self.contrast = val; self.obj.setContrastGrade(val); }, })); const Contrast = types.compose(_Tool.name, ToolMixin, BaseTool, _Tool); export { Contrast };