String change for loading chat in breakout room (#5630)

* Change text to loading chat spinner * Change files * cc code comment also
Azure · Feb 7, 2025 · 9ab59fc · 9ab59fc
1 parent c118cfd
commit 9ab59fc
Show file tree

Hide file tree

Showing 5 changed files with 50 additions and 2 deletions.
diff --git a/change-beta/@azure-communication-react-1daf26fa-3871-44d9-ab16-dae3956b4e64.json b/change-beta/@azure-communication-react-1daf26fa-3871-44d9-ab16-dae3956b4e64.json
@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "feature",
+  "workstream": "Breakout rooms",
+  "comment": "Change spinner text when loading chat in breakout room",
+  "packageName": "@azure/communication-react",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@azure-communication-react-1daf26fa-3871-44d9-ab16-dae3956b4e64.json b/change/@azure-communication-react-1daf26fa-3871-44d9-ab16-dae3956b4e64.json
@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "feature",
+  "workstream": "Breakout rooms",
+  "comment": "Change spinner text when loading chat in breakout room",
+  "packageName": "@azure/communication-react",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/calling-stateful-client/src/CallSubscriber.ts b/packages/calling-stateful-client/src/CallSubscriber.ts
@@ -125,6 +125,7 @@ export class CallSubscriber {
       this._call.feature(Features.Spotlight)
     );
 
+    /* @conditional-compile-remove(breakout-rooms) */
     // Clear assigned breakout room closed notification for this call.
     this._context.deleteLatestNotification('assignedBreakoutRoomClosed');
     /* @conditional-compile-remove(breakout-rooms) */

diff --git a/packages/react-composites/src/composites/CallComposite/CallComposite.tsx b/packages/react-composites/src/composites/CallComposite/CallComposite.tsx
@@ -701,7 +701,6 @@ const MainScreen = (props: MainScreenProps): JSX.Element => {
       );
       break;
     case 'call':
-    case 'returningFromBreakoutRoom':
       pageElement = (
         <CallPage
           callInvitationURL={callInvitationUrl}
@@ -751,6 +750,36 @@ const MainScreen = (props: MainScreenProps): JSX.Element => {
       break;
   }
 
+  /* @conditional-compile-remove(breakout-rooms) */
+  if (page === 'returningFromBreakoutRoom') {
+    pageElement = (
+      <CallPage
+        callInvitationURL={callInvitationUrl}
+        onFetchAvatarPersonaData={onFetchAvatarPersonaData}
+        onFetchParticipantMenuItems={onFetchParticipantMenuItems}
+        mobileView={props.mobileView}
+        modalLayerHostId={props.modalLayerHostId}
+        options={props.options}
+        updateSidePaneRenderer={setSidePaneRenderer}
+        mobileChatTabHeader={props.mobileChatTabHeader}
+        onCloseChatPane={props.onCloseChatPane}
+        latestErrors={latestInCallErrors}
+        latestNotifications={latestNotifications}
+        onDismissError={onDismissError}
+        onDismissNotification={onDismissNotification}
+        galleryLayout={userSetGalleryLayout}
+        onUserSetGalleryLayoutChange={setUserSetGalleryLayout}
+        onSetUserSetOverflowGalleryPosition={setUserSetOverflowGalleryPosition}
+        userSetOverflowGalleryPosition={userSetOverflowGalleryPosition}
+        capabilitiesChangedNotificationBarProps={capabilitiesChangedNotificationBarProps}
+        pinnedParticipants={pinnedParticipants}
+        setPinnedParticipants={setPinnedParticipants}
+        compositeAudioContext={compositeAudioContext}
+        disableAutoShowDtmfDialer={props.options?.disableAutoShowDtmfDialer}
+      />
+    );
+  }
+
   useEndedCallConsoleErrors(endedCall);
 
   /* @conditional-compile-remove(unsupported-browser) */

diff --git a/packages/react-composites/src/composites/localization/locales/en-US/strings.json b/packages/react-composites/src/composites/localization/locales/en-US/strings.json
@@ -453,6 +453,6 @@
     "openDtmfDialpadLabel": "Show dialpad",
     "dtmfDialpadPlaceholderText": "Enter number",
     "breakoutRoomChatPaneTitle": "Breakout Room Chat",
-    "chatContentSpinnerLabel": "Loading..."
+    "chatContentSpinnerLabel": "Loading chat"
   }
 }