Improve react examples

src/richGridExample/SkillsFilter.jsx

@@ -45,7 +45,7 @@ export default class SkillsFilter extends React.Component {
         var rowSkills = params.data.skills;
         var passed = true;
 
-        RefData.IT_SKILLS.forEach( (skill) => {
+        RefData.IT_SKILLS.forEach((skill) => {
             if (this.state[skill]) {
                 if (!rowSkills[skill]) {
                     passed = false;
@@ -56,6 +56,10 @@ export default class SkillsFilter extends React.Component {
         return passed;
     };
 
+    getModel() {
+        return ''
+    }
+
     // called by agGrid
     isFilterActive() {
         var somethingSelected = this.state.android || this.state.css ||
@@ -68,7 +72,7 @@ export default class SkillsFilter extends React.Component {
         var newModel = {};
         newModel[skill] = newValue;
         // set the state, and once it is done, then call filterChangedCallback
-        this.setState(newModel, this.props.filterChangedCallback );
+        this.setState(newModel, this.props.filterChangedCallback);
     }
 
     helloFromSkillsFilter() {
@@ -78,16 +82,17 @@ export default class SkillsFilter extends React.Component {
     render() {
 
         var skillsTemplates = [];
-        RefData.IT_SKILLS.forEach( (skill, index) => {
+        RefData.IT_SKILLS.forEach((skill, index) => {
 
             var skillName = RefData.IT_SKILLS_NAMES[index];
             var template = (
-                <label key={skill} style={{border: '1px solid lightgrey', margin: 4, padding: 4, display: 'inline-block'}}>
+                <label key={skill}
+                       style={{border: '1px solid lightgrey', margin: 4, padding: 4, display: 'inline-block'}}>
                     <span>
                         <div style={{textAlign: 'center'}}>{skillName}</div>
                         <div>
                             <input type="checkbox" onClick={this.onSkillChanged.bind(this, skill)}/>
-                            <img src={'images/skills/'+skill+'.png'} width={30}/>
+                            <img src={'images/skills/' + skill + '.png'} width={30}/>
                         </div>
                     </span>
                 </label>
@@ -98,7 +103,13 @@ export default class SkillsFilter extends React.Component {
 
         return (
             <div style={{width: 380}}>
-                <div style={{textAlign: 'center', background: 'lightgray', width: '100%', display: 'block', borderBottom: '1px solid grey'}}>
+                <div style={{
+                    textAlign: 'center',
+                    background: 'lightgray',
+                    width: '100%',
+                    display: 'block',
+                    borderBottom: '1px solid grey'
+                }}>
                     <b>Custom Skills Filter</b>
                 </div>
                 {skillsTemplates}