smooth moving to team sandbox and generally going into live mode

Author: christianalfoni

packages/app/src/app/overmind/namespaces/live/internalActions.ts

@@ -67,10 +67,13 @@ export const initialize: AsyncAction<string, Sandbox> = async (
     state.live.roomInfo = roomInfo;
     state.live.liveUserId = liveUserId;
 
-    if (!state.editor.sandboxes[sandbox.id]) {
+    if (
+      !state.editor.currentSandbox ||
+      state.editor.currentSandbox.id !== sandbox.id
+    ) {
       state.editor.sandboxes[sandbox.id] = sandbox;
+      state.editor.currentId = sandbox.id;
     }
-    state.editor.currentId = sandbox.id;
 
     effects.analytics.track('Live Session Joined', {});
     effects.live.listen(actions.live.liveMessageReceived);

packages/app/src/app/pages/Live/index.js

@@ -1,18 +1,19 @@
-import * as React from 'react';
-import { Link } from 'react-router-dom';
-import Helmet from 'react-helmet';
-import { getSandboxName } from '@codesandbox/common/lib/utils/get-sandbox-name';
+import Centered from '@codesandbox/common/lib/components/flex/Centered';
 import Fullscreen from '@codesandbox/common/lib/components/flex/Fullscreen';
 import Padding from '@codesandbox/common/lib/components/spacing/Padding';
-import Centered from '@codesandbox/common/lib/components/flex/Centered';
+import { getSandboxName } from '@codesandbox/common/lib/utils/get-sandbox-name';
 import { inject, observer } from 'app/componentConnectors';
-import { Title } from 'app/components/Title';
-import { SubTitle } from 'app/components/SubTitle';
 import { Skeleton } from 'app/components/Skeleton';
+import { SubTitle } from 'app/components/SubTitle';
+import { Title } from 'app/components/Title';
 import { Navigation } from 'app/pages/common/Navigation';
 import { SignInButton } from 'app/pages/common/SignInButton';
 import { QuickActions } from 'app/pages/Sandbox/QuickActions';
 import { hasAuthToken } from 'app/utils/user';
+import * as React from 'react';
+import Helmet from 'react-helmet';
+import { Link } from 'react-router-dom';
+
 import Editor from '../Sandbox/Editor';
 import { BlinkingDot } from './BlinkingDot';
 
@@ -115,7 +116,7 @@ class LivePage extends React.Component {
       );
     }
 
-    if (store.live.isLoading || !store.editor.currentSandbox) {
+    if (!store.editor.currentSandbox) {
       return (
         <>
           <Skeleton

packages/app/src/app/pages/Sandbox/index.js

@@ -117,11 +117,7 @@ class SandboxPage extends React.Component {
       return <NotFound />;
     }
 
-    if (
-      store.editor.isLoading ||
-      (store.live.isTeam && store.live.isLoading) ||
-      store.editor.currentSandbox == null
-    ) {
+    if (store.editor.isLoading || !store.editor.currentSandbox) {
       return (
         <>
           <Skeleton