Disable logout button in call

src/Menu.module.css

@@ -30,10 +30,12 @@
 
 .menuItem.focused:first-child,
 .menuItem:hover:first-child {
-  border-radius: 8px 8px 0 0;
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
 }
 
 .menuItem.focused:last-child,
 .menuItem:hover:last-child {
-  border-radius: 0 0 8px 8px;
+  border-bottom-left-radius: 8px;
+  border-bottom-right-radius: 8px;
 }

src/Room.jsx

@@ -438,7 +438,7 @@ function InRoomView({
         </LeftNav>
         <RightNav>
           <GridLayoutMenu layout={layout} setLayout={setLayout} />
-          <UserMenu />
+          <UserMenu disableLogout />
         </RightNav>
       </Header>
       {items.length === 0 ? (

src/UserMenu.jsx

@@ -13,7 +13,7 @@ import { useModalTriggerState } from "./Modal";
 import { ProfileModal } from "./ProfileModal";
 import { Tooltip, TooltipTrigger } from "./Tooltip";
 
-export function UserMenu() {
+export function UserMenu({ disableLogout }) {
   const location = useLocation();
   const history = useHistory();
   const { isAuthenticated, isGuest, logout, userName, client } = useClient();
@@ -64,7 +64,7 @@ export function UserMenu() {
           icon: LoginIcon,
         }
       );
-    } else {
+    } else if (!disableLogout) {
       arr.push({
         key: "logout",
         label: "Sign Out",