From 8bfef1616c5993087ed7d02eb2dc9098cce66962 Mon Sep 17 00:00:00 2001
From: Sebastian Sdorra <sebastian.sdorra@cloudogu.com>
Date: Thu, 12 Jul 2018 08:49:41 +0200
Subject: [PATCH] added vscode settings and snippets

---
 scm-ui/.vscode/settings.json            | 10 +++
 scm-ui/.vscode/snippets/javascript.json | 97 +++++++++++++++++++++++++
 scm-ui/src/containers/App.js            |  2 +-
 3 files changed, 108 insertions(+), 1 deletion(-)
 create mode 100644 scm-ui/.vscode/settings.json
 create mode 100644 scm-ui/.vscode/snippets/javascript.json

diff --git a/scm-ui/.vscode/settings.json b/scm-ui/.vscode/settings.json
new file mode 100644
index 0000000000..f5d90fdf4b
--- /dev/null
+++ b/scm-ui/.vscode/settings.json
@@ -0,0 +1,10 @@
+{
+  "javascript.validate.enable": false,
+  // Set the default
+  "editor.formatOnSave": false,
+  // Enable per-language
+  "[javascript]": {
+      "editor.formatOnSave": true
+  },
+  "flow.pathToFlow": "${workspaceRoot}/node_modules/.bin/flow"
+}
diff --git a/scm-ui/.vscode/snippets/javascript.json b/scm-ui/.vscode/snippets/javascript.json
new file mode 100644
index 0000000000..3d40c226aa
--- /dev/null
+++ b/scm-ui/.vscode/snippets/javascript.json
@@ -0,0 +1,97 @@
+{
+	"React default component": {
+		"prefix": "rdc",
+		"body": [
+			"//@flow",
+			"import React from \"react\";",
+			"",
+			"type Props = {};",
+			"",
+			"class $1 extends React.Component<Props> {",
+			"  render() {",
+			"    return <div />;",
+			"  }",
+			"}",
+			"",
+			"export default $1;"
+		],
+		"description": "React default component with props"
+	},
+
+	"React styled component": {
+		"prefix": "rsc",
+		"body": [
+			"//@flow",
+			"import React from \"react\";",
+			"import injectSheet from \"react-jss\";",
+			"",
+			"const styles = {};",
+			"",
+			"type Props = {",
+			"  classes: any",
+			"};",
+			"",
+			"class $1 extends React.Component<Props> {",
+			"  render() {",
+			"    const { classes } = this.props;",
+			"    return <div />;",
+			"  }",
+			"}",
+			"",
+			"export default injectSheet(styles)($1);"
+		],
+		"description": "React default component with props"
+  },
+  
+  "React container component": {
+		"prefix": "rcc",
+		"body": [
+			"//@flow",
+			"import React from \"react\";",
+      "import { connect } from \"react-redux\";",
+			"",
+			"type Props = {};",
+			"",
+			"class $1 extends React.Component<Props> {",
+			"  render() {",
+			"    return <div />;",
+			"  }",
+      "}",
+      "",
+      "const mapStateToProps = state => {",
+        "  return {};",
+        "};",
+      "",
+      "const mapDispatchToProps = (dispatch) => {",
+      "  return {};",
+      "};",
+			"",
+			"export default connect(",
+      "  mapStateToProps,",
+      "  mapDispatchToProps",
+      ")($1);"
+		],
+		"description": "React component which is connected to the store"
+  },
+  
+  "React component test": {
+		"prefix": "rct",
+		"body": [
+			"//@flow",
+			"import React from \"react\";",
+      "import { configure, shallow } from \"enzyme\";",
+      "import Adapter from \"enzyme-adapter-react-16\";",
+      "",
+      "import \"raf/polyfill\";",
+      "",
+      "configure({ adapter: new Adapter() });",
+      "",
+      "it(\"should render the component\", () => {",
+      "  $0",
+      "  //const label = shallow(<Label value=\"awesome\" />);",
+      "  //expect(label.text()).toBe(\"awesome\");",
+      "});"
+		],
+		"description": "React component test with enzyme and jest"
+  }
+}
diff --git a/scm-ui/src/containers/App.js b/scm-ui/src/containers/App.js
index 28787c2fe7..c15697179e 100644
--- a/scm-ui/src/containers/App.js
+++ b/scm-ui/src/containers/App.js
@@ -1,9 +1,9 @@
 import React, { Component } from "react";
+import type { ThunkDispatch } from "redux-thunk";
 import Main from "./Main";
 import Login from "./Login";
 import { connect } from "react-redux";
 import { withRouter } from "react-router-dom";
-import { ThunkDispatch } from "redux-thunk";
 import { fetchMe } from "../modules/me";
 
 import "./App.css";