fix(controls): change controls tooltips

Satellite-im · May 30, 2022 · 03c705a · 03c705a
1 parent 4e09e58
commit 03c705a
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 6 deletions.
diff --git a/components/views/media/actions/Actions.html b/components/views/media/actions/Actions.html
@@ -1,5 +1,8 @@
 <div id="actions">
-  <div data-cy="call-video" v-tooltip.top="$t('controls.video')">
+  <div
+    data-cy="call-video"
+    v-tooltip.top="videoMuted ? $t('controls.turn_on_camera') : $t('controls.turn_off_camera')"
+  >
     <InteractablesButton
       class="left"
       :type="videoMuted ? 'danger' : 'dark'"
@@ -12,7 +15,7 @@
       <video-off-icon v-else size="1.2x" />
     </InteractablesButton>
   </div>
-  <div v-tooltip.top="$t('controls.mute')">
+  <div v-tooltip.top="audioMuted ? $t('controls.unmute') : $t('controls.mute')">
     <InteractablesButton
       :type="audioMuted ? 'danger' : 'dark'"
       size="small"
@@ -24,7 +27,9 @@
       <mic-off-icon v-else size="1.2x" />
     </InteractablesButton>
   </div>
-  <div v-tooltip.top="$t('controls.screen')">
+  <div
+    v-tooltip.top="screenMuted ? $t('controls.screen') : $t('controls.stop_streaming')"
+  >
     <InteractablesButton
       :type="screenMuted ? 'danger' : 'dark'"
       size="small"

diff --git a/components/views/navigation/sidebar/controls/Controls.html b/components/views/navigation/sidebar/controls/Controls.html
@@ -2,7 +2,7 @@
   <InteractablesButton
     :type="audioMuted ? 'danger' : 'dark'"
     size="small"
-    v-tooltip.top="$t('controls.mute')"
+    v-tooltip.top="audioMuted ? $t('controls.unmute') : $t('controls.mute')"
     :action="() => toggleMute('audio')"
     :text="$t('controls.mic')"
     :loading="isLoading"
@@ -14,7 +14,7 @@
   <InteractablesButton
     :type="audio.deafened ? 'danger' : 'dark'"
     size="small"
-    v-tooltip.top="$t('controls.deafen')"
+    v-tooltip.top="audio.deafened ? $t('controls.undeafen') : $t('controls.deafen')"
     :action="() => toggleDeafen()"
     :text="$t('controls.headphones')"
   >
@@ -24,7 +24,7 @@
   <InteractablesButton
     :type="videoMuted ? 'danger' : 'dark'"
     size="small"
-    v-tooltip.top="$t('controls.toggle')"
+    v-tooltip.top="videoMuted ? $t('controls.turn_on_camera') : $t('controls.turn_off_camera')"
     :text="$t('controls.video')"
     :action="() => toggleMute('video')"
     :loading="isLoading"

diff --git a/locales/en-US.js b/locales/en-US.js
@@ -108,9 +108,14 @@ export default {
     hang_up: 'Hang Up',
     call: 'Call',
     screen: 'Share Screen',
+    stop_streaming: 'Stop Streaming',
     mute: 'Mute',
+    unmute: 'Unmute',
     toggle: 'Toggle',
     deafen: 'Deafen',
+    undeafen: 'Undeafen',
+    turn_off_camera: 'Turn Off Camera',
+    turn_on_camera: 'Turn On Camera',
     crop: 'Crop',
     edit: 'Edit',
     end_stream: 'End Stream',