From 6998c33b83c99e8be656934b8548c3dafb18c35b Mon Sep 17 00:00:00 2001
From: Sasha Zakablukov <38879804+AlexZakablukov@users.noreply.github.com>
Date: Wed, 11 May 2022 12:25:51 +0300
Subject: [PATCH] feat(icons): add headphones-off-icon

---
 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 ec0c0e6f9d..4900ddbf17 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 f571722def..da27650049 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'
@@ -20,6 +21,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",