From 9008ae2184740ed7612eaed4b23878b0ac34660e Mon Sep 17 00:00:00 2001
From: Nouhaila Idrissi Zouggari <nouhaila.idrissi-zouggari@al-enterprise.com>
Date: Fri, 9 Feb 2024 10:58:26 +0100
Subject: [PATCH] MT#59358 HOLD button available only for PRO customers and
 hidden for CE customers

Change-Id: I83beb052e9a4a7c906b950186d2ddd0f1ef3ee9d
---
 src/components/call/CscCall.vue | 33 ++++++++++++++++++++++-----------
 1 file changed, 22 insertions(+), 11 deletions(-)

diff --git a/src/components/call/CscCall.vue b/src/components/call/CscCall.vue
index add535a5..d6f8c4fc 100644
--- a/src/components/call/CscCall.vue
+++ b/src/components/call/CscCall.vue
@@ -169,17 +169,21 @@
                     size="large"
                     @click="toggleMicrophone()"
                 />
-                <q-btn
-                    v-if="isHolded || isEstablished && !(isMobile && minimized)"
-                    :color="colorToggleHold"
-                    text-color="dark"
-                    icon="pause_circle_filled"
-                    class="q-mr-sm"
-                    round
-                    size="large"
-                    :disable="islocalOnHold || isremoteOnHold"
-                    @click="toggleHold()"
-                />
+                <div
+                    v-if="platformInfo.type != 'spce'"
+                >
+                    <q-btn
+                        v-if="isHolded || isEstablished && !(isMobile && minimized)"
+                        :color="colorToggleHold"
+                        text-color="dark"
+                        icon="pause_circle_filled"
+                        class="q-mr-sm"
+                        round
+                        size="large"
+                        :disable="islocalOnHold || isremoteOnHold"
+                        @click="toggleHold()"
+                    />
+                </div>
                 <q-btn
                     v-if="isHolded || isEstablished && !(isMobile && minimized)"
                     :color="colorToggleCamera"
@@ -358,6 +362,9 @@ import {
 import CscMedia from '../CscMedia'
 import CscCallDialpad from '../CscCallDialpad'
 import { CallStateTitle } from 'src/store/call/common'
+import {
+    mapState
+} from 'vuex'
 export default {
     name: 'CscCall',
     components: {
@@ -467,6 +474,9 @@ export default {
         }
     },
     computed: {
+        ...mapState('user', [
+            'platformInfo'
+        ]),
         componentClasses () {
             const classes = [
                 'transition-generic',
@@ -576,6 +586,7 @@ export default {
             }
         },
         colorToggleRemoteVolume () {
+            console.log(this.platformInfo)
             if (this.remoteVolumeEnabled) {
                 return 'primary'
             } else {