Custom context (#226)

reviewed offline
Azure-Samples · May 1, 2024 · be6b6d9 · be6b6d9
1 parent 082d549
commit be6b6d9
Show file tree

Hide file tree

Showing 3 changed files with 1,530 additions and 1,361 deletions.
diff --git a/Project/package.json b/Project/package.json
@@ -3,7 +3,7 @@
   "version": "1.0.0",
   "private": true,
   "dependencies": {
-    "@azure/communication-calling": "1.21.1-beta.4",
+    "@azure/communication-calling": "1.24.2-beta.1",
     "@azure/communication-calling-effects": "1.0.1",
     "@azure/communication-common": "^2.3.0",
     "@azure/communication-identity": "^1.3.0",

diff --git a/Project/src/MakeCall/IncomingCallCard.js b/Project/src/MakeCall/IncomingCallCard.js
@@ -28,6 +28,30 @@ export default class IncomingCallCard extends React.Component {
                 <div className="custom-row">
                     <div className="ringing-loader mb-4"></div>
                 </div>
+                {this.incomingCall?.customContext &&
+                    <>
+                        <div className="ms-Grid-row">
+                            <div className="ms-Grid-col ms-lg6">
+                                <h3 className="mb-0">Custom context:</h3>
+                            </div>
+                        </div>
+                        {this.incomingCall.customContext.userToUser &&
+                            <div className="ms-Grid-row">
+                                <div className="ms-Grid-col ms-lg6">
+                                    UUI: {this.incomingCall.customContext.userToUser}
+                                </div>
+                            </div>
+                        }
+                        {this.incomingCall.customContext.xHeaders && this.incomingCall.customContext.xHeaders
+                            .map(header => 
+                                <div className="ms-Grid-row">
+                                    <div className="ms-Grid-col ms-lg6">
+                                        {header.key}: {header.value}
+                                    </div>
+                                </div>)
+                        }
+                    </>
+                }
                 <div className="ms-Grid-row text-center">
                     <span className="incoming-call-button"
                         title={'Answer call with microphone unmuted and video off'}