Fix together mode local label (Cherry pick #5927) (#5931)

Author: JamesBurnside

packages/communication-react/CHANGELOG.stable.md

@@ -19,6 +19,7 @@ Tue, 08 Jul 2025 16:10:20 GMT
 - Add error message for empty content for edit box ([PR #5886](https://github.com/azure/communication-ui-library/pull/5886) by 77021369+jimchou-dev@users.noreply.github.com)
 - Add aria label for upload progress ([PR #5916](https://github.com/azure/communication-ui-library/pull/5916) by 77021369+jimchou-dev@users.noreply.github.com)
 - Update brace-expansion to 1.1.12 ([PR #5914](https://github.com/azure/communication-ui-library/pull/5914) by 2684369+JamesBurnside@users.noreply.github.com)
+- Update local participant's display name in together mode to be `You` ([PR #5927](https://github.com/azure/communication-ui-library/pull/5927) by 2684369+JamesBurnside@users.noreply.github.com)
 ### Storybook Changes
 - Update storybook pages to include Vite instead of CRA ([PR #5890](https://github.com/azure/communication-ui-library/pull/5890) by 96077406+carocao-msft@users.noreply.github.com)
 

packages/react-components/src/components/TogetherModeOverlay.tsx

@@ -85,8 +85,14 @@ export const TogetherModeOverlay = memo(
 
       const updatedSignals: { [key: string]: TogetherModeParticipantStatus } = {};
       for (const p of participantsWithVideoAvailable) {
-        const { userId, reaction, raisedHand, spotlight, isMuted, displayName } = p;
+        const { userId, reaction, raisedHand, spotlight, isMuted } = p;
         const seatingPosition = togetherModeSeatPositions[userId];
+        const isLocalParticipant = p.userId === localParticipant.userId;
+        const displayName = p.displayName
+          ? p.displayName
+          : isLocalParticipant
+            ? locale.strings.videoGallery.localVideoLabel
+            : locale.strings.videoGallery.displayNamePlaceholder;
         if (seatingPosition) {
           updatedSignals[userId] = {
             id: userId,
@@ -126,6 +132,7 @@ export const TogetherModeOverlay = memo(
       togetherModeParticipantStatus,
       togetherModeSeatPositions,
       reactionResources,
+      locale.strings.videoGallery.localVideoLabel,
       locale.strings.videoGallery.displayNamePlaceholder,
       hoveredParticipantID
     ]);