diff --git a/web/app.react.js b/web/app.react.js
--- a/web/app.react.js
+++ b/web/app.react.js
@@ -178,7 +178,7 @@
{mainContent}
-
+
);
}
diff --git a/web/sidebar/community-picker.react.js b/web/sidebar/community-picker.react.js
--- a/web/sidebar/community-picker.react.js
+++ b/web/sidebar/community-picker.react.js
@@ -1,20 +1,21 @@
// @flow
+import invariant from 'invariant';
import * as React from 'react';
import Button from '../components/button.react';
import UserSettingsModal from '../modals/account/user-settings-modal.react.js';
+import { ModalContext } from '../modals/modal-provider.react';
import SWMansionIcon from '../SWMansionIcon.react';
import css from './community-picker.css';
-type Props = { +setModal: (modal: ?React.Node) => void };
-
-function CommunityPicker(props: Props): React.Node {
- const { setModal } = props;
+function CommunityPicker(): React.Node {
+ const modalContext = React.useContext(ModalContext);
+ invariant(modalContext, 'ModalContext not found');
const setModalToUserSettings = React.useCallback(() => {
- setModal();
- }, [setModal]);
+ modalContext.setModal();
+ }, [modalContext]);
return (
diff --git a/web/sidebar/left-layout-aside.react.js b/web/sidebar/left-layout-aside.react.js
--- a/web/sidebar/left-layout-aside.react.js
+++ b/web/sidebar/left-layout-aside.react.js
@@ -5,15 +5,11 @@
import AppSwitcher from './app-switcher.react';
import CommunityPicker from './community-picker.react';
import css from './left-layout-aside.css';
-type Props = {
- +setModal: (modal: ?React.Node) => void,
-};
-function LeftLayoutAside(props: Props): React.Node {
- const { setModal } = props;
+function LeftLayoutAside(): React.Node {
return (
);