Update packages and changelog (#622)

* Update packages and changelog
Prepare 0.6.1 release

* Update another version number

CHANGELOG.md

@@ -1,3 +1,14 @@
+## 0.6.1 (December 17, 2021)
+
+### Dependency Upgrades
+
+- `twilio-video` has been upgraded from 2.17.1 to 2.18.2.
+- `@twilio/video-room-monitor` has been updated from version `1.0.0-beta.1` to `1.0.0`. The [Twilio Video Room Monitor](https://github.com/twilio/twilio-video-room-monitor.js) is out of beta and is now Generally Available.
+
+### Enhancements
+
+- The Twilio Video Room Monitor can now be used on mobile devices.
+
 ## 0.6.0 (September 24, 2021)
 
 ### New Feature

package.json

@@ -1,6 +1,6 @@
 {
   "name": "twilio-video-app-react",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "private": true,
   "license": "Apache-2.0",
   "dependencies": {
@@ -9,7 +9,7 @@
     "@twilio-labs/plugin-rtc": "^0.8.2",
     "@twilio/conversations": "^1.2.3",
     "@twilio/video-processors": "^1.0.1",
-    "@twilio/video-room-monitor": "^1.0.0-beta.1",
+    "@twilio/video-room-monitor": "^1.0.0",
     "@types/d3-timer": "^1.0.9",
     "@types/dotenv": "^8.2.0",
     "@types/express": "^4.17.11",
@@ -43,7 +43,7 @@
     "strip-color": "^0.1.0",
     "ts-node": "^9.1.1",
     "twilio": "^3.63.1",
-    "twilio-video": "^2.17.1",
+    "twilio-video": "^2.18.2",
     "typescript": "^3.8.3"
   },
   "devDependencies": {

src/components/MenuBar/Menu/Menu.tsx

@@ -9,16 +9,7 @@ import StartRecordingIcon from '../../../icons/StartRecordingIcon';
 import StopRecordingIcon from '../../../icons/StopRecordingIcon';
 import SearchIcon from '@material-ui/icons/Search';
 import SettingsIcon from '../../../icons/SettingsIcon';
-import {
-  Button,
-  styled,
-  Theme,
-  useMediaQuery,
-  Menu as MenuContainer,
-  MenuItem,
-  Typography,
-  Hidden,
-} from '@material-ui/core';
+import { Button, styled, Theme, useMediaQuery, Menu as MenuContainer, MenuItem, Typography } from '@material-ui/core';
 import { isSupported } from '@twilio/video-processors';
 
 import { useAppState } from '../../../state';
@@ -130,19 +121,17 @@ export default function Menu(props: { buttonClassName?: string }) {
           </MenuItem>
         )}
 
-        <Hidden smDown>
-          <MenuItem
-            onClick={() => {
-              VideoRoomMonitor.toggleMonitor();
-              setMenuOpen(false);
-            }}
-          >
-            <IconContainer>
-              <SearchIcon style={{ fill: '#707578', width: '0.9em' }} />
-            </IconContainer>
-            <Typography variant="body1">Room Monitor</Typography>
-          </MenuItem>
-        </Hidden>
+        <MenuItem
+          onClick={() => {
+            VideoRoomMonitor.toggleMonitor();
+            setMenuOpen(false);
+          }}
+        >
+          <IconContainer>
+            <SearchIcon style={{ fill: '#707578', width: '0.9em' }} />
+          </IconContainer>
+          <Typography variant="body1">Room Monitor</Typography>
+        </MenuItem>
 
         <MenuItem onClick={() => setAboutOpen(true)}>
           <IconContainer>