fix(toolbar): disable group call button (#3216)

Satellite-im · May 18, 2022 · 44a1894 · 44a1894
1 parent 1aec573
commit 44a1894
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 12 deletions.
diff --git a/components/views/group/clickable/Clickable.vue b/components/views/group/clickable/Clickable.vue
@@ -28,8 +28,8 @@ export default Vue.extend({
     return {
       contextMenuValues: [
         { text: this.$t('context.send'), func: this.testFunc },
-        { text: this.$t('context.voice'), func: this.testFunc },
-        { text: this.$t('context.video'), func: this.testFunc },
+        // { text: this.$t('context.voice'), func: this.testFunc },
+        // { text: this.$t('context.video'), func: this.testFunc },
         { text: this.$t('context.remove'), func: this.testFunc },
       ],
     }

diff --git a/components/views/navigation/toolbar/Toolbar.html b/components/views/navigation/toolbar/Toolbar.html
@@ -58,16 +58,36 @@
     >
       <ToolbarAlerts :notifications="allUnseenNotifications" />
     </UiFloatingContainer>
-    <div
-      :class="`has-tooltip has-tooltip-bottom has-tooltip-primary has-tooltip-hidden-touch control-button
-      ${!enableRTC || webrtc.activeCall ? 'disabled' : ''}`"
-      data-cy="toolbar-enable-audio"
-      :data-tooltip="enableRTC ? $t('controls.call') : $t('controls.not_connected')"
-      v-if="server"
-      @click="() => call(['audio'])"
-    >
-      <phone-call-icon size="1x" class="control-icon" />
-    </div>
+    <template v-if="conversation.type === 'friend'">
+      <div
+        :class="`has-tooltip has-tooltip-bottom has-tooltip-primary has-tooltip-hidden-touch control-button
+        ${!enableRTC || webrtc.activeCall ? 'disabled' : ''}`"
+        data-cy="toolbar-enable-audio"
+        :data-tooltip="enableRTC ? $t('controls.call') : $t('controls.not_connected')"
+        v-if="server"
+        @click="() => call(['audio'])"
+      >
+        <phone-call-icon size="1x" class="control-icon" />
+      </div>
+    </template>
+    <template v-else>
+      <UiComingSoon
+        v-if="!$device.isMobile"
+        :tooltipText="$t('coming_soon.group_call')"
+        :tooltipPosition="'bottom'"
+        data-cy="toolbar-enable-audio"
+      >
+        <div
+          :class="`has-tooltip has-tooltip-bottom has-tooltip-primary has-tooltip-hidden-touch control-button
+          ${!enableRTC || webrtc.activeCall ? 'disabled' : ''}`"
+          :data-tooltip="enableRTC ? $t('controls.call') : $t('controls.not_connected')"
+          v-if="server"
+          @click="() => call(['audio'])"
+        >
+          <phone-call-icon size="1x" class="control-icon" color="grey" />
+        </div>
+      </UiComingSoon>
+    </template>
     <!-- <div
       :class="`has-tooltip has-tooltip-bottom has-tooltip-primary has-tooltip-hidden-touch control-button
       ${!enableRTC || webrtc.activeCall ? 'disabled' : ''}`"

diff --git a/locales/en-US.js b/locales/en-US.js
@@ -6,6 +6,7 @@ export default {
     marketplace: 'Marketplace\nComing Soon',
     wallet: 'Wallet\nComing Soon',
     archived: 'Archived Messages\nComing Soon',
+    group_call: 'Group Call\nComing Soon',
     sidebar_search: 'Friends and Group search\ncoming soon',
   },
   global: {