Skip to content

Commit 326ca08

Browse files
author
Stefano Malagò
committed
Changed icons for MisconceptionColorButton.tsx
it should now be easier to see which color is currently in use better distinction with disabled button
1 parent 3b3eb0e commit 326ca08

File tree

1 file changed

+5
-3
lines changed

1 file changed

+5
-3
lines changed

frontend/src/components/tagger_component/MisconceptionColorButton.tsx

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import React from "react";
2-
import {FiberManualRecord, FiberManualRecordOutlined} from "@material-ui/icons";
2+
import {Brush, FiberManualRecord, FiberManualRecordOutlined} from "@material-ui/icons";
33
import {Button} from "@material-ui/core";
44
import stringEquals from "../../util/StringEquals";
55

@@ -20,6 +20,8 @@ function MisconceptionColorButton({color, enabled, current_color, setColor, stat
2020

2121
if (staticColor && !enabled) return (<Button disabled={true}/>)
2222

23+
if (!enabled) return (<Button disabled={true}><FiberManualRecord style={{color: color}}/></Button>)
24+
2325
return (
2426
<Button
2527
title={"Select Misconception for highlighting"}
@@ -29,8 +31,8 @@ function MisconceptionColorButton({color, enabled, current_color, setColor, stat
2931
disabled={disabled || !enabled}
3032
>
3133
{
32-
stringEquals(color, current_color) || !enabled ?
33-
<FiberManualRecord style={{color: color}}/> :
34+
stringEquals(color, current_color) ?
35+
<Brush style={{color: color}}/> :
3436
<FiberManualRecordOutlined
3537
style={{color: color}}
3638
/>

0 commit comments

Comments
 (0)