feat(icons): add headphones-off-icon

Satellite-im · May 11, 2022 · 6998c33 · 6998c33
1 parent 8a9c2b3
commit 6998c33
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git 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
@@ -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
@@ -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",