fix(signout): Fixing UI updates after sign out (codesandbox#891)

Author: arthurdenner

packages/app/src/app/pages/common/Navigation/index.js

@@ -14,7 +14,7 @@ import UserMenu from '../UserMenu';
 import { LogoWithBorder, Border, Title, Actions, Action } from './elements';
 
 function Navigation({ signals, store, title }) {
-  const { user, isPatron } = store;
+  const { user, userMenuOpen, isPatron } = store;
 
   return (
     <Row justifyContent="space-between">
@@ -51,7 +51,11 @@ function Navigation({ signals, store, title }) {
             </Tooltip>
           </Action>
         </Actions>
-        {user ? <UserMenu /> : <SignInButton />}
+        {user ? (
+          <UserMenu user={user} userMenuOpen={userMenuOpen} />
+        ) : (
+          <SignInButton />
+        )}
       </Row>
     </Row>
   );

packages/app/src/app/pages/common/UserMenu/index.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { inject, observer } from 'mobx-react';
+import { inject } from 'mobx-react';
 
 import HoverMenu from 'app/components/HoverMenu';
 import Relative from 'common/components/Relative';
@@ -14,9 +14,8 @@ import {
   Username,
 } from './elements';
 
-function UserMenu({ signals, store, small }) {
+function UserMenu({ signals, small, user, userMenuOpen }) {
   const smallImage = small || false;
-  const { user, userMenuOpen } = store;
 
   return (
     <Relative>
@@ -55,4 +54,4 @@ function UserMenu({ signals, store, small }) {
   );
 }
 
-export default inject('store', 'signals')(observer(UserMenu));
+export default inject('signals')(UserMenu);