All Rooms

uwblueprint · Dec 7, 2024 · ca9ac47 · ca9ac47
1 parent af71cbd
commit ca9ac47
Showing 1 changed file with 22 additions and 15 deletions.
diff --git a/frontend/src/components/pages/announcements/AnnouncementsView.tsx b/frontend/src/components/pages/announcements/AnnouncementsView.tsx
@@ -181,27 +181,34 @@ const AnnouncementsView = ({
                 border="1px solid #57469D"
                 backgroundColor="#F9F7FF"
               >
-                <TagLabel textAlign="center"> Room {room}</TagLabel>
+                <TagLabel textAlign="center"> {room === -1? 'All Rooms': `Room ${room}`}</TagLabel>
                 <TagCloseButton
                   onClick={() => deleteRoomSelected(room)}
                   color="#57469D"
                 />
               </Tag>
             ))}
-            <Menu>
-              <MenuButton>
-                <AddCircleOutlineOutlinedIcon sx={{ color: "#57469D" }} />
-              </MenuButton>
-              <MenuList maxH="40vh" overflow="auto">
-                {allRooms
-                  .filter((room) => !selectedRooms.includes(room))
-                  .map((room) => (
-                    <MenuItem onClick={() => addRoomToNewRoom(room)} key={room}>
-                      Room {room}
-                    </MenuItem>
-                  ))}
-              </MenuList>
-            </Menu>
+            {selectedRooms.length === 0 && 
+              <Menu>
+                <MenuButton>
+                  <AddCircleOutlineOutlinedIcon sx={{ color: "#57469D" }} />
+                </MenuButton>
+                <MenuList maxH="40vh" overflow="auto">
+                  {[
+                    <MenuItem onClick={() => addRoomToNewRoom(-1)} key='all-rooms'>
+                        All Rooms
+                    </MenuItem>, 
+                    ...allRooms
+                      .filter((room) => !selectedRooms.includes(room))
+                      .map((room) => (
+                        <MenuItem onClick={() => addRoomToNewRoom(room)} key={room}>
+                          Room {room}
+                        </MenuItem>
+                      ))
+                  ]}
+                </MenuList>
+              </Menu>
+            }
           </HStack>
         </Flex>
       );