feat(ZNTA-1736): ValidationOptions component and story created. Linti…

…ng errors fixed.

server/zanata-frontend/src/frontend/app/editor/components/ValidationOptions/ValidationOptions.story.js

@@ -0,0 +1,11 @@
+import React from 'react'
+import { storiesOf, action } from '@kadira/storybook'
+import ValidationOptions from '.'
+
+/*
+ * See .storybook/README.md for info on the component storybook.
+ */
+storiesOf('ValidationOptions', module)
+  .add('default', () => (
+     <ValidationOptions />
+  ))

server/zanata-frontend/src/frontend/app/editor/components/ValidationOptions/index.js

@@ -1,9 +1,9 @@
 import React from 'react'
-import {Button, Checkbox} from 'react-bootstrap'
+import { Checkbox } from 'react-bootstrap'
 
 const ValidationOptions = React.createClass({
 
-  render () {
+  render: function () {
     return (
         <div>
           <h2 className="validation">Validation options</h2>
@@ -46,6 +46,7 @@ const ValidationOptions = React.createClass({
           </ul>
         </div>
     )
+  }
   })
 
 export default ValidationOptions

server/zanata-frontend/src/frontend/app/editor/components/components.story.js

@@ -11,3 +11,5 @@ require('./ProgressBar/ProgressBar.story.js')
 require('./GlossarySearchInput/GlossarySearchInput.story.js')
 require('./GlossaryTerm/GlossaryTerm.story.js')
 require('./GlossaryTermModal/GlossaryTermModal.story.js')
+require('./ValidationOptions/ValidationOptions.story')
+

server/zanata-frontend/src/frontend/app/editor/containers/SidebarSettings.js

@@ -5,14 +5,14 @@ import ValidationOptions from '../components/ValidationOptions'
 
 const SidebarSettings = React.createClass({
 
-  static propTypes: {
+  propTypes: {
     /* close the sidebar */
     close: PropTypes.func.isRequired
   },
 
   sidebarDetails () {
     return (
-        {ValidationOptions}
+      <ValidationOptions />
     )
   },