diff --git a/frontend/src/components/pages/announcements/AnnouncementsGroups.tsx b/frontend/src/components/pages/announcements/AnnouncementsGroups.tsx index 7b71b6dc..d7f9fec1 100644 --- a/frontend/src/components/pages/announcements/AnnouncementsGroups.tsx +++ b/frontend/src/components/pages/announcements/AnnouncementsGroups.tsx @@ -56,6 +56,7 @@ export const formatRooms = (roomIDs: number[]) => { const GroupTab = ({ roomId, roomKey, + announcementGroup, firstAnnouncement, setSelectedGroup, isDraft, @@ -63,6 +64,7 @@ const GroupTab = ({ }: { roomId: string; roomKey: string; + announcementGroup: boolean; firstAnnouncement: NotificationResponse | null; setSelectedGroup: React.Dispatch>; isDraft: boolean; @@ -103,7 +105,7 @@ const GroupTab = ({ - {formatRooms(rooms)} + {announcementGroup? 'All Rooms': formatRooms(rooms)} {firstAnnouncement @@ -187,6 +189,7 @@ const GroupList: React.FC<{ addingNewRoom ? ( ( { - const rooms = selectedGroup.split(",").map(Number); + const groupInfo = announcements.find((group) => group.id === selectedGroup); + const rooms = groupInfo && groupInfo.recipients? groupInfo.recipients.map((recipient) => recipient.roomNumber): []; const [allRooms, setAllRooms] = useState([1, 2, 3, 4, 5, 6]); const addRoomToNewRoom = (roomId: number) => { @@ -208,6 +209,16 @@ const AnnouncementsView = ({ return "All Rooms"; }; + const getHeader = () => { + if (selectedGroup === "" || selectedGroup === "0") { + return formatHeader(rooms); + } + if (groupInfo?.announcementGroup) { + return 'All Rooms'; + } + return formatRooms(rooms); + } + return ( @@ -221,9 +232,7 @@ const AnnouncementsView = ({ h="10vh" >

- {selectedGroup === "" || selectedGroup === "0" - ? formatHeader(rooms) - : formatRooms(rooms)} + {getHeader()}