From acb7c9fb935e82c0d4848fba4ca07d0f49e70407 Mon Sep 17 00:00:00 2001
From: Sasha Zakablukov <38879804+AlexZakablukov@users.noreply.github.com>
Date: Fri, 13 May 2022 19:34:19 +0300
Subject: [PATCH] feat(icons): add headphones-off-icon (#3123)

---
 components/views/navigation/sidebar/controls/Controls.html | 3 ++-
 components/views/navigation/sidebar/controls/Controls.vue  | 2 ++
 package.json                                               | 2 +-
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/components/views/navigation/sidebar/controls/Controls.html b/components/views/navigation/sidebar/controls/Controls.html
index 5fca18d4c4..f9859179c1 100644
--- a/components/views/navigation/sidebar/controls/Controls.html
+++ b/components/views/navigation/sidebar/controls/Controls.html
@@ -20,7 +20,8 @@
     :action="() => toggleDeafen()"
     :text="$t('controls.headphones')"
   >
-    <headphones-icon size="1x"></headphones-icon>
+    <headphones-off-icon v-if="audio.deafened" size="1x"></headphones-off-icon>
+    <headphones-icon v-else size="1x"></headphones-icon>
   </InteractablesButton>
   <InteractablesButton
     :type="videoMuted ? 'danger' : 'dark'"
diff --git a/components/views/navigation/sidebar/controls/Controls.vue b/components/views/navigation/sidebar/controls/Controls.vue
index a93df0342d..329fbfc6a4 100644
--- a/components/views/navigation/sidebar/controls/Controls.vue
+++ b/components/views/navigation/sidebar/controls/Controls.vue
@@ -7,6 +7,7 @@ import {
   MicIcon,
   MicOffIcon,
   HeadphonesIcon,
+  HeadphonesOffIcon,
   VideoIcon,
   VideoOffIcon,
 } from 'satellite-lucide-icons'
@@ -22,6 +23,7 @@ export default Vue.extend({
     MicIcon,
     MicOffIcon,
     HeadphonesIcon,
+    HeadphonesOffIcon,
     VideoIcon,
     VideoOffIcon,
   },
diff --git a/package.json b/package.json
index 19895368d5..f00e83be96 100644
--- a/package.json
+++ b/package.json
@@ -86,7 +86,7 @@
     "qrcode.vue": "^1.7.0",
     "remarkable": "^2.0.1",
     "rxjs": "^7.5.5",
-    "satellite-lucide-icons": "git+https://git@github.com/Satellite-im/satellite-lucide-vue",
+    "satellite-lucide-icons": "git+https://git@github.com/Satellite-im/satellite-lucide-vue#0485f5e414bd006c79154a8ebae6503e4107c73b",
     "simple-markdown": "^0.7.3",
     "simple-peer": "^9.11.1",
     "skaler": "^1.0.7",