wangchunlin
/
cvat
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixed some icons

Browse Source
main
Boris Sekachev 5 years ago
parent 4c10fc90f6
commit 02faec0797
5 changed files with 95 additions and 65 deletions
Show Stats Download Patch File Download Diff File

32
cvat-ui/src/components/annotation-page/standard-workspace/controls-side-bar/draw-cuboid-control.tsx
Unescape Escape View File

@ -21,18 +21,24 @@ interface Props {
function DrawPolygonControl(props: Props): JSX.Element {
const { canvasInstance, isDrawing } = props;
const dynamcPopoverPros = isDrawing ? {
overlayStyle: {
display: 'none',
},
} : {};
const dynamicIconProps = isDrawing ? {
className: 'cvat-active-canvas-control',
onClick: (): void => {
canvasInstance.draw({ enabled: false });
},
} : {};
const dynamcPopoverPros = isDrawing ?
{
overlayStyle: {
display: 'none',
},
} :
{};
const dynamicIconProps = isDrawing ?
{
className: 'cvat-draw-cuboid-control cvat-active-canvas-control',
onClick: (): void => {
canvasInstance.draw({ enabled: false });
},
} :
{
className: 'cvat-draw-cuboid-control',
};
return (
<Popover
@ -41,7 +47,7 @@ function DrawPolygonControl(props: Props): JSX.Element {
placement='right'
content={<DrawShapePopoverContainer shapeType={ShapeType.CUBOID} />}
>
<Icon className='cvat-draw-cuboid-control' {...dynamicIconProps} component={CubeIcon} />
<Icon {...dynamicIconProps} component={CubeIcon} />
</Popover>
);
}

32
cvat-ui/src/components/annotation-page/standard-workspace/controls-side-bar/draw-points-control.tsx
Unescape Escape View File

@ -20,18 +20,24 @@ interface Props {
function DrawPointsControl(props: Props): JSX.Element {
const { canvasInstance, isDrawing } = props;
const dynamcPopoverPros = isDrawing ? {
overlayStyle: {
display: 'none',
},
} : {};
const dynamicIconProps = isDrawing ? {
className: 'cvat-active-canvas-control',
onClick: (): void => {
canvasInstance.draw({ enabled: false });
},
} : {};
const dynamcPopoverPros = isDrawing ?
{
overlayStyle: {
display: 'none',
},
} :
{};
const dynamicIconProps = isDrawing ?
{
className: 'cvat-draw-points-control cvat-active-canvas-control',
onClick: (): void => {
canvasInstance.draw({ enabled: false });
},
} :
{
className: 'cvat-draw-points-control',
};
return (
<Popover
@ -40,7 +46,7 @@ function DrawPointsControl(props: Props): JSX.Element {
placement='right'
content={<DrawShapePopoverContainer shapeType={ShapeType.POINTS} />}
>
<Icon className='cvat-draw-points-control' {...dynamicIconProps} component={PointIcon} />
<Icon {...dynamicIconProps} component={PointIcon} />
</Popover>
);
}

32
cvat-ui/src/components/annotation-page/standard-workspace/controls-side-bar/draw-polygon-control.tsx
Unescape Escape View File

@ -20,18 +20,24 @@ interface Props {
function DrawPolygonControl(props: Props): JSX.Element {
const { canvasInstance, isDrawing } = props;
const dynamcPopoverPros = isDrawing ? {
overlayStyle: {
display: 'none',
},
} : {};
const dynamicIconProps = isDrawing ? {
className: 'cvat-active-canvas-control',
onClick: (): void => {
canvasInstance.draw({ enabled: false });
},
} : {};
const dynamcPopoverPros = isDrawing ?
{
overlayStyle: {
display: 'none',
},
} :
{};
const dynamicIconProps = isDrawing ?
{
className: 'cvat-draw-polygon-control cvat-active-canvas-control',
onClick: (): void => {
canvasInstance.draw({ enabled: false });
},
} :
{
className: 'cvat-draw-polygon-control',
};
return (
<Popover
@ -40,7 +46,7 @@ function DrawPolygonControl(props: Props): JSX.Element {
placement='right'
content={<DrawShapePopoverContainer shapeType={ShapeType.POLYGON} />}
>
<Icon className='cvat-draw-polygon-control' {...dynamicIconProps} component={PolygonIcon} />
<Icon {...dynamicIconProps} component={PolygonIcon} />
</Popover>
);
}

32
cvat-ui/src/components/annotation-page/standard-workspace/controls-side-bar/draw-polyline-control.tsx
Unescape Escape View File

@ -20,18 +20,24 @@ interface Props {
function DrawPolylineControl(props: Props): JSX.Element {
const { canvasInstance, isDrawing } = props;
const dynamcPopoverPros = isDrawing ? {
overlayStyle: {
display: 'none',
},
} : {};
const dynamicIconProps = isDrawing ? {
className: 'cvat-active-canvas-control',
onClick: (): void => {
canvasInstance.draw({ enabled: false });
},
} : {};
const dynamcPopoverPros = isDrawing ?
{
overlayStyle: {
display: 'none',
},
} :
{};
const dynamicIconProps = isDrawing ?
{
className: 'cvat-draw-polyline-control cvat-active-canvas-control',
onClick: (): void => {
canvasInstance.draw({ enabled: false });
},
} :
{
className: 'cvat-draw-polyline-control',
};
return (
<Popover
@ -40,7 +46,7 @@ function DrawPolylineControl(props: Props): JSX.Element {
placement='right'
content={<DrawShapePopoverContainer shapeType={ShapeType.POLYLINE} />}
>
<Icon className='cvat-draw-polyline-control' {...dynamicIconProps} component={PolylineIcon} />
<Icon {...dynamicIconProps} component={PolylineIcon} />
</Popover>
);
}

32
cvat-ui/src/components/annotation-page/standard-workspace/controls-side-bar/draw-rectangle-control.tsx
Unescape Escape View File

@ -20,18 +20,24 @@ interface Props {
function DrawRectangleControl(props: Props): JSX.Element {
const { canvasInstance, isDrawing } = props;
const dynamcPopoverPros = isDrawing ? {
overlayStyle: {
display: 'none',
},
} : {};
const dynamicIconProps = isDrawing ? {
className: 'cvat-active-canvas-control',
onClick: (): void => {
canvasInstance.draw({ enabled: false });
},
} : {};
const dynamcPopoverPros = isDrawing ?
{
overlayStyle: {
display: 'none',
},
} :
{};
const dynamicIconProps = isDrawing ?
{
className: 'cvat-draw-rectangle-control cvat-active-canvas-control',
onClick: (): void => {
canvasInstance.draw({ enabled: false });
},
} :
{
className: 'cvat-draw-rectangle-control',
};
return (
<Popover
@ -40,7 +46,7 @@ function DrawRectangleControl(props: Props): JSX.Element {
placement='right'
content={<DrawShapePopoverContainer shapeType={ShapeType.RECTANGLE} />}
>
<Icon className='cvat-draw-rectangle-control' {...dynamicIconProps} component={RectangleIcon} />
<Icon {...dynamicIconProps} component={RectangleIcon} />
</Popover>
);
}

Write Preview
Loading…
Cancel
Save