diff --git a/web/chat/thread-menu.react.js b/web/chat/thread-menu.react.js --- a/web/chat/thread-menu.react.js +++ b/web/chat/thread-menu.react.js @@ -1,11 +1,13 @@ // @flow +import { faBell, faCog } from '@fortawesome/free-solid-svg-icons'; import classNames from 'classnames'; import * as React from 'react'; import { type ThreadInfo } from 'lib/types/thread-types'; import SWMansionIcon from '../SWMansionIcon.react'; +import ThreadMenuItem from './thread-menu-item.react'; import css from './thread-menu.css'; type ThreadMenuProps = { @@ -18,7 +20,21 @@ // eslint-disable-next-line no-unused-vars const { threadInfo } = props; - const menuItems = []; + const settingsItem = React.useMemo( + () => , + [], + ); + + const notificatiosItem = React.useMemo( + () => ( + + ), + [], + ); + const menuItems = React.useMemo(() => { + const items = [settingsItem, notificatiosItem]; + return items.filter(Boolean); + }, [notificatiosItem, settingsItem]); const menuActionListClasses = classNames(css.topBarMenuActionList, { [css.disabled]: !isOpen,