Fix lint (codesandbox#2348)

* start

* more lint

* finish lint

* fix imports

* fix component

* Apply suggestions from code review

Co-Authored-By: Michaël De Boey <[email protected]>

Author: 2 people

packages/app/.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+  "cSpell.enabled": false
+}

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

@@ -17,7 +17,7 @@ type Props = EditorProps & {
   toggleConfigUI: () => void;
 };
 
-export default class Configuration extends React.PureComponent<Props>
+export class Configuration extends React.PureComponent<Props>
   implements Editor {
   disposeInitializer?: Function;
 

packages/app/src/app/components/CodeEditor/ImageViewer/index.tsx

@@ -5,7 +5,7 @@ import { Container, Title, SubTitle, Image, MaxWidth } from './elements';
 
 import { Props } from '../types';
 
-export default class ImageViewer extends React.Component<Props> {
+export class ImageViewer extends React.Component<Props> {
   onSubmit = (e: React.FormEvent<HTMLFormElement>) => {
     e.preventDefault();
 

packages/app/src/app/components/CodeEditor/VSCode/Configuration/index.tsx

@@ -26,7 +26,7 @@ type Props = EditorProps & {
   openText: () => void;
 };
 
-export default class Configuration extends React.PureComponent<Props>
+export class Configuration extends React.PureComponent<Props>
   implements Editor {
   disposeInitializer: Function;
 

packages/app/src/app/components/CodeEditor/VSCode/MonacoReactComponent.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import FontFaceObserver from 'fontfaceobserver';
-import vscode from 'app/vscode';
+import { vscode } from 'app/vscode';
 
 import './icon-theme.css';
 import './workbench-theme.css';

packages/app/src/app/components/CodeEditor/VSCode/index.tsx

@@ -40,8 +40,7 @@ import {
   indexToLineAndColumn,
 } from '../Monaco/monaco-index-converter';
 import { updateUserSelections } from '../Monaco/live-decorations';
-
-import Configuration from './Configuration';
+import { Configuration } from './Configuration';
 
 function getSelection(lines, selection) {
   const startSelection = lineAndColumnToIndex(
@@ -78,7 +77,7 @@ type UserSelection =
       color: number[];
     };
 
-class MonacoEditor extends React.Component<Props> implements Editor {
+export class VSCode extends React.Component<Props> implements Editor {
   static defaultProps = {
     width: '100%',
     height: '100%',
@@ -1156,5 +1155,3 @@ class MonacoEditor extends React.Component<Props> implements Editor {
     );
   }
 }
-
-export default MonacoEditor;

packages/app/src/app/components/CodeEditor/index.tsx

@@ -12,9 +12,9 @@ import Tooltip from '@codesandbox/common/lib/components/Tooltip';
 import { Title } from 'app/components/Title';
 import { SubTitle } from 'app/components/SubTitle';
 import Loadable from 'app/utils/Loadable';
-import ImageViewer from './ImageViewer';
-import Configuration from './Configuration';
-import VSCode from './VSCode';
+import { ImageViewer } from './ImageViewer';
+import { Configuration } from './Configuration';
+import { VSCode } from './VSCode';
 import MonacoDiff from './MonacoDiff';
 import { Props } from './types';
 import { Icons, Icon } from './elements';
@@ -61,7 +61,7 @@ type State = {
   showConfigUI: boolean;
 };
 
-export default class CodeEditor extends React.PureComponent<
+export class CodeEditor extends React.PureComponent<
   Props & {
     editor?: 'vscode' | 'monaco' | 'codemirror';
     style?: React.CSSProperties;

packages/app/src/app/components/ContextMenu/index.tsx

@@ -45,7 +45,7 @@ interface State {
   left: boolean;
 }
 
-class ContextMenu extends React.PureComponent<Props, State> {
+export class ContextMenu extends React.PureComponent<Props, State> {
   unmounted: boolean;
   el?: HTMLDivElement;
 
@@ -248,5 +248,3 @@ class ContextMenu extends React.PureComponent<Props, State> {
     );
   }
 }
-
-export default ContextMenu;

packages/app/src/app/components/Preview/DevTools/Console/Input/index.tsx

@@ -49,7 +49,7 @@ const InputWrapper = styled.div`
   width: 100%;
 `;
 
-class ConsoleInput extends React.PureComponent<Props, State> {
+export class ConsoleInput extends React.PureComponent<Props, State> {
   sizeProbeInterval: number;
 
   state = {
@@ -140,5 +140,3 @@ class ConsoleInput extends React.PureComponent<Props, State> {
     );
   }
 }
-
-export default ConsoleInput;

packages/app/src/app/components/Preview/DevTools/Console/MessageIcon/index.tsx

@@ -5,7 +5,7 @@ import ChevronLeft from 'react-icons/lib/fa/angle-double-left';
 import WarningIcon from 'react-icons/lib/md/warning';
 import ErrorIcon from 'react-icons/lib/md/error';
 
-function MessageIcon({ type, logType }) {
+export function MessageIcon({ type, logType }) {
   if (type === 'command') {
     return <ChevronRight />;
   }
@@ -24,5 +24,3 @@ function MessageIcon({ type, logType }) {
       return false;
   }
 }
-
-export default MessageIcon;