prop types on views

src/react/components/Code.jsx

@@ -262,7 +262,10 @@ const downloadZip = ({ name = 'my-project', files }) => {
 
 const downloadFile = ({ name, content }) => {
   const file = new Blob([content], { type: 'text/plain;charset=utf-8' })
-  saveAs(file, name)
+  return new Promise(resolve => {
+    saveAs(file, name)
+    resolve(true)
+  })
 }
 
 const zipFile = (zip, file) => {

src/react/views/EditModel.jsx

@@ -1,4 +1,5 @@
 import React from 'react'
+import PropTypes from 'prop-types'
 
 import * as validators from '../../utils/validators.js'
 
@@ -445,6 +446,13 @@ export default class EditModel extends React.Component {
   }
 }
 
+EditModel.propTypes = {
+  models: PropTypes.arrayOf(PropTypes.object).isRequired,
+  modelId: PropTypes.number.isRequired,
+  onCancel: PropTypes.func.isRequired,
+  onSave: PropTypes.func.isRequired
+}
+
 const formatModel = model => ({
   ...model,
   name: model.name.trim(),

src/react/views/Model.jsx

@@ -1,4 +1,5 @@
 import React from 'react'
+import PropTypes from 'prop-types'
 
 import * as sequelize4 from '../../templates/sequelize-4.js'
 import Button from '../components/Button.jsx'
@@ -90,6 +91,16 @@ export default class Model extends React.Component {
   }
 }
 
+Model.propTypes = {
+  fromEdit: PropTypes.bool.isRequired,
+  clearFromEdit: PropTypes.func.isRequired,
+  model: PropTypes.object.isRequired,
+  goToModels: PropTypes.func.isRequired,
+  editModel: PropTypes.func.isRequired,
+  newMessage: PropTypes.func.isRequired,
+  config: PropTypes.object.isRequired
+}
+
 const showFieldOptions = field => {
   const options = {
     primaryKey: 'PK',

src/react/views/Model/NewModelForm.jsx

@@ -1,4 +1,5 @@
 import React from 'react'
+import PropTypes from 'prop-types'
 
 import * as validators from '../../../utils/validators.js'
 
@@ -110,6 +111,12 @@ export default class NewModelForm extends React.Component {
   }
 }
 
+NewModelForm.propTypes = {
+  models: PropTypes.arrayOf(PropTypes.object).isRequired,
+  onCancel: PropTypes.func.isRequired,
+  onCreate: PropTypes.func.isRequired
+}
+
 const UNIQUE_NAME_ERROR = 'UNIQUE_NAME_ERROR'
 const NAME_FORMAT_ERROR = 'NAME_FORMAT_ERROR'
 const REQUIRED_NAME_ERROR = 'REQUIRED_NAME_ERROR'

src/react/views/Project.jsx

@@ -1,4 +1,5 @@
 import React from 'react'
+import PropTypes from 'prop-types'
 
 import * as sequelize4 from '../../templates/sequelize-4.js'
 import NewModelForm from './Model/NewModelForm.jsx'
@@ -146,3 +147,20 @@ export default class Project extends React.Component {
     )
   }
 }
+
+Project.propTypes = {
+  config: PropTypes.object.isRequired,
+  models: PropTypes.arrayOf(PropTypes.object.isRequired),
+  creatingNewModel: PropTypes.bool.isRequired,
+
+  // Actions
+  toggleTimestamps: PropTypes.func.isRequired,
+  toggleSnake: PropTypes.func.isRequired,
+  toggleSingularTableNames: PropTypes.func.isRequired,
+  startCreatingNewModel: PropTypes.func.isRequired,
+  cancelCreatingNewModel: PropTypes.func.isRequired,
+  createModel: PropTypes.func.isRequired,
+  goToModel: PropTypes.func.isRequired,
+  editModel: PropTypes.func.isRequired,
+  deleteModel: PropTypes.func.isRequired
+}