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,14 +1,5 @@
// @flow
-import {
- faArrowRight,
- faBell,
- faCog,
- faCommentAlt,
- faSignOutAlt,
- faPlusCircle,
- faUserFriends,
-} from '@fortawesome/free-solid-svg-icons';
import * as React from 'react';
import {
@@ -61,7 +52,7 @@
);
@@ -82,7 +73,7 @@
);
@@ -111,7 +102,7 @@
);
@@ -131,7 +122,7 @@
return null;
}
return (
-
+
);
}, [canCreateSubchannels, hasSubchannels]);
@@ -143,7 +134,7 @@
);
}, [canCreateSubchannels]);
@@ -183,7 +174,7 @@
@@ -192,7 +183,7 @@
const menuItems = React.useMemo(() => {
const notificationsItem = (
-
+
);
const separator =
;
diff --git a/web/components/menu-item.react.js b/web/components/menu-item.react.js
--- a/web/components/menu-item.react.js
+++ b/web/components/menu-item.react.js
@@ -1,15 +1,14 @@
// @flow
-import type { IconDefinition } from '@fortawesome/fontawesome-common-types';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import classNames from 'classnames';
import * as React from 'react';
+import SWMansionIcon, { type Icon } from '../SWMansionIcon.react';
import css from './menu.css';
type MenuItemProps = {
+onClick?: () => mixed,
- +icon: IconDefinition,
+ +icon: Icon,
+text: string,
+dangerous?: boolean,
};
@@ -23,7 +22,7 @@
return (
diff --git a/web/components/menu.css b/web/components/menu.css
--- a/web/components/menu.css
+++ b/web/components/menu.css
@@ -52,10 +52,16 @@
}
div.menuActionIcon {
- font-size: 1.125em;
display: flex;
justify-content: center;
margin-right: 8px;
+ height: 24px;
+ width: 24px;
+}
+
+div.menuActionListMemberActions div.menuActionIcon {
+ height: 18px;
+ width: 18px;
}
button.menuActionDangerous {
diff --git a/web/modals/threads/members/member.react.js b/web/modals/threads/members/member.react.js
--- a/web/modals/threads/members/member.react.js
+++ b/web/modals/threads/members/member.react.js
@@ -1,10 +1,5 @@
// @flow
-import {
- faPlusCircle,
- faMinusCircle,
- faSignOutAlt,
-} from '@fortawesome/free-solid-svg-icons';
import classNames from 'classnames';
import * as React from 'react';
@@ -117,7 +112,7 @@
,
);
@@ -126,7 +121,7 @@
,
);
@@ -141,7 +136,7 @@
,