talksik/nirvana-v3
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

adding switching protocol for audio and video

Browse Source
This commit is contained in:
talksik
2022-05-01 09:56:14 -05:00
parent 58bc5c5c3c
commit a852ca443f
1 changed files with 18 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/desktop/src/components/header/index.tsx
+18 -16
View File
@@ -1,4 +1,5 @@
import { import {
Avatar,
Button, Button,
ListItemIcon, ListItemIcon,
ListItemText, ListItemText,
@@ -10,7 +11,6 @@ import { HeadsetMicSharp, VideocamSharp } from "@mui/icons-material";
import { useCallback, useEffect, useMemo, useRef, useState } from "react"; import { useCallback, useEffect, useMemo, useRef, useState } from "react";
import { $selectedOutputMode } from "../../controller/recoil"; import { $selectedOutputMode } from "../../controller/recoil";
import { Avatar } from "antd";
import Logo from "../Logo"; import Logo from "../Logo";
import { useGetUserDetails } from "../../controller/index"; import { useGetUserDetails } from "../../controller/index";
import { useRecoilState } from "recoil"; import { useRecoilState } from "recoil";
@@ -72,7 +72,11 @@ export default function NirvanaHeader() {
)} )}
{userDetailsRes?.user?.picture && outputMode === "audio" && ( {userDetailsRes?.user?.picture && outputMode === "audio" && (
<Avatar src={userDetailsRes?.user?.picture} /> <Avatar
alt={userDetailsRes?.user?.givenName}
src={userDetailsRes?.user?.picture}
variant="square"
/>
)} )}
</div> </div>
@@ -86,21 +90,19 @@ export default function NirvanaHeader() {
"aria-labelledby": "basic-button", "aria-labelledby": "basic-button",
}} }}
> >
<MenuList> <MenuItem onClick={() => setOutputMode("audio")}>
<MenuItem onClick={() => setOutputMode("audio")}> <ListItemIcon>
<ListItemIcon> <HeadsetMicSharp fontSize="small" />
<HeadsetMicSharp fontSize="small" /> </ListItemIcon>
</ListItemIcon> <ListItemText>Audio Only</ListItemText>
<ListItemText>Audio Only</ListItemText> </MenuItem>
</MenuItem>
<MenuItem onClick={() => setOutputMode("video")}> <MenuItem onClick={() => setOutputMode("video")}>
<ListItemIcon> <ListItemIcon>
<VideocamSharp fontSize="small" /> <VideocamSharp fontSize="small" />
</ListItemIcon> </ListItemIcon>
<ListItemText>Video</ListItemText> <ListItemText>Video</ListItemText>
</MenuItem> </MenuItem>
</MenuList>
</Menu> </Menu>
</div> </div>
); );