feat(lock): update className of lock button based on interactivity state
This commit is contained in:
@@ -34,7 +34,7 @@ export default ({ style, className }: ControlProps) => {
|
|||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="react-flow__controls-button react-flow__controls-lock"
|
className={`react-flow__controls-button react-flow__controls-${isInteractive? 'unlocked' : 'locked' }`}
|
||||||
onClick={() => setInteractive(!isInteractive)}
|
onClick={() => setInteractive(!isInteractive)}
|
||||||
>
|
>
|
||||||
{ isInteractive ? <UnlockIcon /> : <LockIcon /> }
|
{ isInteractive ? <UnlockIcon /> : <LockIcon /> }
|
||||||
|
|||||||
Reference in New Issue
Block a user