From 7514e2fb86325258769b177f55d251feb529bf50 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebasti=C3=A1n=20Alvarez?= <seba.alvarez16@gmail.com>
Date: Mon, 11 May 2020 03:14:09 -0300
Subject: [PATCH] feat(lock): update className of lock button based on
 interactivity state

---
 src/plugins/Controls/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/plugins/Controls/index.tsx b/src/plugins/Controls/index.tsx
index 8d528136..2730c61c 100644
--- 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 /> }