From 848f836f2fefbf8a5936259137e36611b1dcbd8c Mon Sep 17 00:00:00 2001
From: Daniel Fosco <daniel.pe@miro.com>
Date: Wed, 13 Dec 2023 12:24:59 +0100
Subject: [PATCH] Iterate frame title rendering when set to room

---
 .../breakout-rooms/src/components/RoomConfig/RoomConfig.tsx  | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/examples/breakout-rooms/src/components/RoomConfig/RoomConfig.tsx b/examples/breakout-rooms/src/components/RoomConfig/RoomConfig.tsx
index 63c7e88d7..957a30ac2 100644
--- a/examples/breakout-rooms/src/components/RoomConfig/RoomConfig.tsx
+++ b/examples/breakout-rooms/src/components/RoomConfig/RoomConfig.tsx
@@ -46,6 +46,9 @@ export const RoomConfig: React.FunctionComponent<Props> = ({
     }
     FetchFrame();
   }, [room.targetId]);
+  
+  const renderedTitle = title ? `to ${title}` : 'frame'; 
+  
   return (
     <div key={room.id} className="room">
       <div className="room-controls">
@@ -53,7 +56,7 @@ export const RoomConfig: React.FunctionComponent<Props> = ({
           {room.name}
         </h3>
         <IconButton
-          label={room.targetId && title ? `Room is set to ${title}` : "Set frame to room"}
+          label={room.targetId ? `Room is set to ${renderedTitle}` : "Set frame to room"}
           variant={room.targetId ? "outline" : "ghost"}
           disabled={!isEditable}
           onClick={() => onSelectTarget(room)}