Use ownerId for finding owner

Author: Ives van Hoorne

packages/app/src/app/pages/Sandbox/Editor/Workspace/items/Live/index.js

@@ -19,7 +19,7 @@ const Live = ({ signals, store }) => (
         removeEditor={signals.live.onRemoveEditorClicked}
         isOwner={store.live.isOwner}
         roomInfo={store.live.roomInfo}
-        ownerId={store.editor.currentSandbox.author.id}
+        ownerId={store.live.roomInfo.ownerId}
         currentUserId={store.user.id}
         reconnecting={store.live.reconnecting}
       />

packages/app/src/app/store/modules/live/actions.js

@@ -34,6 +34,7 @@ export function initializeLiveState({ props, state }) {
   state.set('live.roomInfo', {
     connectionCount: 1,
     roomId: props.roomId,
+    ownerId: props.ownerId,
     sandboxId: props.sandboxId,
     editorIds: props.editorIds,
     mode: props.mode,

packages/app/src/app/store/modules/live/computed.js

@@ -1,12 +1,10 @@
 import { getParent } from 'mobx-state-tree';
 
 export function isEditor(userId) {
-  const sandbox = getParent(this).editor.currentSandbox;
-
   return (
     this.isLive &&
     (this.roomInfo.mode === 'open' ||
-      sandbox.author.id === userId ||
+      this.roomInfo.ownerId === userId ||
       this.roomInfo.editorIds.indexOf(userId) > 0)
   );
 }

packages/app/src/app/store/modules/live/model.js

@@ -27,6 +27,7 @@ export default {
     types.model({
       startTime: types.maybe(types.number),
       connectionCount: types.number,
+      ownerId: types.string,
       roomId: types.string,
       mode: types.string,
       sandboxId: types.string,

packages/app/src/app/store/modules/workspace/items.js

@@ -34,9 +34,9 @@ export default function getItems(store) {
     !(
       store.live.isOwner ||
       (store.user &&
-        store.currentSandbox &&
-        store.currentSandbox.author &&
-        store.currentSandbox.author.id === store.user.id)
+        store.live &&
+        store.live.roomInfo &&
+        store.live.roomInfo.ownerId === store.user.id)
     )
   ) {
     return [FILES, LIVE];