feat(lock): update className of lock button based on interactivity state

2020-05-11 03:14:09 -03:00
parent f500d52f2f
commit 7514e2fb86
1 changed files with 1 additions and 1 deletions
--- a/src/plugins/Controls/index.tsx
+++ b/src/plugins/Controls/index.tsx
@@ -34,7 +34,7 @@ export default ({ style, className }: ControlProps) => {
      }}
    >
      <div
-        className="react-flow__controls-button react-flow__controls-lock"
+        className={`react-flow__controls-button react-flow__controls-${isInteractive? 'unlocked' : 'locked' }`}
        onClick={() => setInteractive(!isInteractive)}
      >
        { isInteractive ? <UnlockIcon /> : <LockIcon /> }