From a183c7dcedd4056dbcd92bdadf1d69fd5f713133 Mon Sep 17 00:00:00 2001
From: bcakmakoglu <78412429+bcakmakoglu@users.noreply.github.com>
Date: Fri, 24 Jun 2022 14:41:09 +0200
Subject: [PATCH] fix(components): use `v-if` on slots instead of lock icons

---
 .../src/additional-components/Controls/Controls.vue       | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/vue-flow/src/additional-components/Controls/Controls.vue b/packages/vue-flow/src/additional-components/Controls/Controls.vue
index 284382aa..8da261f0 100644
--- a/packages/vue-flow/src/additional-components/Controls/Controls.vue
+++ b/packages/vue-flow/src/additional-components/Controls/Controls.vue
@@ -79,11 +79,11 @@ export default {
     <template v-if="showInteractive">
       <slot name="control-interactive">
         <ControlButton v-if="showInteractive" class="vue-flow__controls-interactive" @click="onInteractiveChangeHandler">
-          <slot name="icon-unlock">
-            <Unlock v-if="isInteractive" />
+          <slot v-if="isInteractive" name="icon-unlock">
+            <Unlock />
           </slot>
-          <slot name="icon-lock">
-            <Lock v-if="!isInteractive" />
+          <slot v-if="!isInteractive" name="icon-lock">
+            <Lock />
           </slot>
         </ControlButton>
       </slot>