[End Call Options] End call for everyone only for when the user is connected (#4768)

* only show menu button for Connected state

* Change files

* fix state fetch

Author: dmceachernmsft

change-beta/@azure-communication-react-f3a9c5ac-cd6e-40c1-a577-4dba2b34b5ae.json

@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "fix",
+  "workstream": "End call options",
+  "comment": "Only allow the user to end the call for everyone if they are acitvely in the call",
+  "packageName": "@azure/communication-react",
+  "email": "dmceachern@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@azure-communication-react-f3a9c5ac-cd6e-40c1-a577-4dba2b34b5ae.json

@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "fix",
+  "workstream": "End call options",
+  "comment": "Only allow the user to end the call for everyone if they are acitvely in the call",
+  "packageName": "@azure/communication-react",
+  "email": "dmceachern@microsoft.com",
+  "dependentChangeType": "patch"
+}

packages/react-composites/src/composites/common/ControlBar/CommonCallControlBar.tsx

@@ -466,7 +466,10 @@ export const CommonCallControlBar = (props: CommonCallControlBarProps & Containe
                         !props.mobileView &&
                         isHangUpForEveryoneAllowed &&
                         !isTeams && // Temporary disable it for Teams call, since capability does not give the right value
-                        props.callControls?.endCallButton?.hangUpForEveryone === 'endCallOptions'
+                        props.callControls?.endCallButton?.hangUpForEveryone === 'endCallOptions' &&
+                        // Only show the end call menu when the call is connected, user should not be able to end the call for everyone
+                        // when they are not actively in the call to communicate they will.
+                        callState.callStatus === 'Connected'
                       }
                     />
                   </ControlBar>