Disable React icon in sidebar for now to gain performance

Author: Ives van Hoorne

packages/app/src/app/components/CodeEditor/Configuration/index.js

@@ -64,7 +64,7 @@ export default class Configuration extends React.PureComponent<Props>
           <EntryIcons
             width={32}
             height={32}
-            type={getType(currentModule.title, currentModule.code || '')}
+            type={getType(currentModule.title)}
           />
           <Title>{config.title}</Title>
 

packages/app/src/app/components/CodeEditor/FilePath/index.js

@@ -49,7 +49,7 @@ export default class FilePath extends React.Component {
         <FileName hovering={!workspaceHidden || this.state.hovering}>
           <EntryIcons
             isNotSynced={currentModule.isNotSynced}
-            type={getType(currentModule.title, currentModule.code)}
+            type={getType(currentModule.title)}
             error={currentModule.errors && currentModule.errors.length > 0}
           />
           <span style={{ marginLeft: '0.25rem' }}>{fileName}</span>

packages/app/src/app/components/CodeEditor/FuzzySearch/index.js

@@ -109,7 +109,7 @@ export default class FuzzySearch extends React.PureComponent {
                     {item.m.isNotSynced && <NotSyncedIconWithMargin />}
                     <EntryIcons
                       isNotSynced={item.m.isNotSynced}
-                      type={getType(item.m.title, item.m.code)}
+                      type={getType(item.m.title)}
                       error={item.m.errors && item.m.errors.length > 0}
                     />
                     <Name>{item.m.title}</Name>

packages/app/src/app/pages/Sandbox/Editor/Content/Tabs/Tab/index.js

@@ -71,7 +71,7 @@ class Tab extends React.Component {
       >
         <EntryIcons
           isNotSynced={isNotSynced}
-          type={getType(module.title, module.code)}
+          type={getType(module.title)}
           error={hasError}
         />
         <TabTitle>{module.title}</TabTitle>

packages/app/src/app/pages/Sandbox/Editor/Workspace/Files/DirectoryEntry/DirectoryChildren/ModuleEntry.js

@@ -25,7 +25,7 @@ class ModuleEntry extends React.Component {
 
     const isActive = module.shortid === currentModuleShortid;
     const isMainModule = module.id === mainModuleId;
-    const type = getType(module.title, module.code);
+    const type = getType(module.title);
 
     const hasError = store.editor.errors.filter(
       error => error.moduleId === module.id

packages/app/src/app/pages/Sandbox/Editor/Workspace/OpenedTabs/index.js

@@ -50,7 +50,7 @@ const OpenedTabs = ({ store, signals }) => {
         >
           <EntryIcons
             isNotSynced={m.isNotSynced}
-            type={getType(m.title, m.code)}
+            type={getType(m.title)}
             error={m.errors && m.errors.length > 0}
           />
           <Title>{m.title}</Title>

packages/app/src/app/utils/get-type.js

@@ -63,10 +63,10 @@ function isJS(title: string) {
   return undefined;
 }
 
-export default function getType(title: string, code: string) {
+export default function getType(title: string) {
   const isJSType = isJS(title);
   if (isJSType) {
-    if (hasReact(code || '')) return 'react';
+    // if (hasReact(code || '')) return 'react';
     return isJSType;
   }
 

packages/app/src/embed/components/Files/index.js

@@ -71,7 +71,7 @@ function Files({
           shortid={m.shortid}
           title={m.title}
           key={m.shortid}
-          type={getType(m.title, m.code || '')}
+          type={getType(m.title)}
           depth={depth}
           setCurrentModule={setCurrentModule}
           active={m.id === currentModule}