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,10 +1,12 @@ // @flow +import { faBell, faCog } from '@fortawesome/free-solid-svg-icons'; 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 = { @@ -17,7 +19,16 @@ // eslint-disable-next-line no-unused-vars const { threadInfo } = props; - const menuItems = []; + const menuItems = React.useMemo(() => { + const settingsItem = ( + + ); + const notificationsItem = ( + + ); + const items = [settingsItem, notificationsItem]; + return items.filter(Boolean); + }, []); const closeMenuCallback = React.useCallback(() => { document.removeEventListener('click', closeMenuCallback);