fix permission and no module selected

Author: christianalfoni

packages/app/src/app/overmind/namespaces/editor/models/EditorSandbox.ts

@@ -6,6 +6,7 @@ import {
   resolveModule,
   resolveModuleWrapped,
 } from '@codesandbox/common/lib/sandbox/modules';
+import { hasPermission } from '@codesandbox/common/lib/utils/permission';
 import getTemplate, { TemplateType } from '@codesandbox/common/lib/templates';
 import { generateFileFromSandbox } from '@codesandbox/common/lib/templates/configuration/package-json';
 import {
@@ -69,8 +70,8 @@ export class EditorSandbox {
 
   private currentModuleShortid: string | null = null;
   private changedModuleShortids: string[] = [];
-  public errors: ModuleError[];
-  public corrections: ModuleCorrection[];
+  public errors: ModuleError[] = [];
+  public corrections: ModuleCorrection[] = [];
   private getModuleParents(modules, directories, shortid): string[] {
     const module = modules.find(moduleEntry => moduleEntry.shortid === shortid);
 
@@ -336,7 +337,7 @@ export class EditorSandbox {
   }
 
   hasPermission(permission: PermissionType) {
-    return this.currentSandbox.authorization === permission;
+    return hasPermission(this.currentSandbox.authorization, permission);
   }
 
   toggleLiked() {

packages/app/src/app/pages/Sandbox/Editor/Workspace/Files/DirectoryEntry/DirectoryChildren/index.tsx

@@ -76,7 +76,7 @@ const DirectoryChildren: React.FC<IDirectoryChildrenProps> = ({
             mainModuleId={mainModule.id}
             modules={modules}
             directories={directories}
-            currentModuleShortid={currentModule.shortid}
+            currentModuleShortid={currentModule?.shortid}
             isInProjectView={isInProjectView}
             markTabsNotDirty={markTabsNotDirty}
             getModulePath={getModulePath}

packages/app/src/app/pages/Sandbox/Editor/Workspace/screens/Explorer/Files/DirectoryEntry/DirectoryChildren/ModuleEntry.tsx

@@ -43,7 +43,7 @@ const ModuleEntry: React.FC<IModuleEntryProps> = ({
       live,
     },
   } = useOvermind();
-  const isActive = module.shortid === currentModule.shortid;
+  const isActive = module.shortid === currentModule?.shortid;
   const isMainModule = module.id === mainModule.id;
   const type = getType(module.title);
   const hasError = module.errors.length > 0;

packages/app/src/app/pages/Sandbox/Editor/Workspace/screens/Explorer/Files/DirectoryEntry/DirectoryChildren/index.tsx

@@ -76,7 +76,7 @@ const DirectoryChildren: React.FC<IDirectoryChildrenProps> = ({
             mainModuleId={mainModule.id}
             modules={modules}
             directories={directories}
-            currentModuleShortid={currentModule.shortid}
+            currentModuleShortid={currentModule?.shortid}
             isInProjectView={isInProjectView}
             markTabsNotDirty={markTabsNotDirty}
             getModulePath={getModulePath}