add component and child working initially. back to js atm

Author: Tolga Mizrakci

.eslintrc.json

@@ -1,22 +1,13 @@
 {
-  "extends": [
-    "plugin:react/recommended",
-    "airbnb-base"
-  ],
+  "extends": ["plugin:react/recommended", "airbnb-base"],
   "parserOptions": {
     "ecmaFeatures": {
       "jsx": true
     },
     "ecmaVersion": 2018,
     "sourceType": "module"
   },
-  "plugins": [
-    "import",
-    "react",
-    "jest",
-    "jsx-a11y",
-    "babel"
-  ],
+  "plugins": ["import", "react", "jest", "jsx-a11y", "babel"],
   "parser": "babel-eslint",
   "env": {
     "browser": true,
@@ -25,6 +16,7 @@
     "jest": true
   },
   "rules": {
-    "class-methods-use-this": "off"
+    "class-methods-use-this": "off",
+    "linebreak-style": 0
   }
-}
+}

src/actions/components.js

@@ -64,7 +64,7 @@ export const addComponent = ({ title }) => (dispatch) => {
 };
 
 export const addChild = ({ title }) => (dispatch) => {
-  dispatch({ type: ADD_CHILD, payload: { title, view } });
+  dispatch({ type: ADD_CHILD, payload: { title } });
   // dispatch({ type: SET_SELECTABLE_PARENTS });
 };
 

src/components/App.tsx renamed to src/components/App.jsx

@@ -2,20 +2,19 @@ import React, { Component } from 'react';
 import '../public/styles/style.css';
 import { MuiThemeProvider } from '@material-ui/core/styles';
 import theme from './theme';
-import AppContainer from '../containers/AppContainer.tsx';
+import AppContainer from '../containers/AppContainer.jsx';
 
-interface Adam {
-  goodguy: boolean;
-  haswine: boolean;
-}
+// interface Adam {
+//   goodguy: boolean;
+//   haswine: boolean;
+// }
 
 class App extends Component {
   render() {
-    const adamInstance: Adam = {
-      goodguy: true,
-      haswine: false,
-    };
-    console.log(adamInstance);
+    // const adamInstance: Adam = {
+    //   goodguy: true,
+    //   haswine: false,
+    // };
     return (
       <MuiThemeProvider theme={theme}>
         <div className="app">

src/components/KonvaStage.tsx renamed to src/components/KonvaStage.jsx

@@ -3,8 +3,8 @@ import React, { Component, createRef } from 'react';
 import {
   Stage, Layer, Image, Group,
 } from 'react-konva';
-import TransformerComponent from './TransformerComponent.tsx';
-import Rectangle from './Rectangle.tsx';
+import TransformerComponent from './TransformerComponent.jsx';
+import Rectangle from './Rectangle.jsx';
 
 
 class KonvaStage extends Component {