LogalDeveloper/owncast
LogalDeveloper/owncast
0
Fork 0
Code

Added icons to voices in menu

Browse Source
This commit is contained in:
t1enne 2022-05-22 14:20:11 +02:00
parent d1ea0fa81b
commit 0ddeb5dfb8
1 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
web/components/common/UserDropdown/UserDropdown.tsx
View File

@ -1,5 +1,11 @@
import { Menu, Dropdown, Button, Space } from 'antd'; import { Menu, Dropdown, Button, Space } from 'antd';
import { CaretDownOutlined, UserOutlined } from '@ant-design/icons'; import {
CaretDownOutlined,
EditOutlined,
LockOutlined,
MessageOutlined,
UserOutlined,
} from '@ant-design/icons';
import { useRecoilState, useRecoilValue } from 'recoil'; import { useRecoilState, useRecoilValue } from 'recoil';
import { useState } from 'react'; import { useState } from 'react';
import Modal from '../../ui/Modal/Modal'; import Modal from '../../ui/Modal/Modal';
@ -33,12 +39,14 @@ export default function UserDropdown({ username: defaultUsername, chatState }: P
const menu = ( const menu = (
<Menu> <Menu>
<Menu.Item key="0" onClick={() => handleChangeName()}> <Menu.Item key="0" icon={<EditOutlined />} onClick={() => handleChangeName()}>
Change name Change name
</Menu.Item> </Menu.Item>
<Menu.Item key="1">Authenticate</Menu.Item> <Menu.Item key="1" icon={<LockOutlined />}>
Authenticate
</Menu.Item>
{chatState === ChatState.Available && ( {chatState === ChatState.Available && (
<Menu.Item key="3" onClick={() => toggleChatVisibility()}> <Menu.Item key="3" icon={<MessageOutlined />} onClick={() => toggleChatVisibility()}>
Toggle chat Toggle chat
</Menu.Item> </Menu.Item>
)} )}