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,