Merge pull request #134 from interactive-tactical-decision-games/add-…

…search-placeholder Add Search placeholder
interactive-tactical-decision-games · Apr 30, 2018 · 6d5780f · 6d5780f
2 parents 2aa5b30 + 14dc395
commit 6d5780f
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 0 deletions.
diff --git a/support/lobby/lib/ActiveSessions.js b/support/lobby/lib/ActiveSessions.js
@@ -29,6 +29,13 @@ const columns = [ {
     return row[ filter.id ] !== undefined ?
       String( row[ filter.id ].state.scenarioTitle ).toLowerCase().indexOf( filter.value.toLowerCase() ) >= 0 : true
     },
+  Filter: ( {filter, onChange} ) => (
+    <input
+      type="text"
+      placeholder="Search"
+      value={ filter ? filter.value : "" }
+      onChange={ event => onChange( event.target.value ) } />
+  ),
 }, {
   Header:
     "Company",

diff --git a/support/lobby/lib/PreviousSessions.js b/support/lobby/lib/PreviousSessions.js
@@ -19,6 +19,13 @@ const columns = [ {
     "state.scenarioTitle",
   Cell:
     function Cell( props ) { return <TextCell { ...props }/> },
+  Filter: ( {filter, onChange} ) => (
+    <input
+      type="text"
+      placeholder="Search"
+      value={ filter ? filter.value : "" }
+      onChange={ event => onChange( event.target.value ) } />
+  )
 }, {
   Header:
     "Company",

diff --git a/support/lobby/lib/Scenarios.js b/support/lobby/lib/Scenarios.js
@@ -88,6 +88,7 @@ class Application extends React.Component {
         this.props.onServerChange && this.props.onServerChange() } ).
       catch( error => {
         console.log( error.message ) } );
+    this.setState( { title: "" } );
     event.preventDefault();
   }
 
@@ -120,6 +121,13 @@ const columns = [ {
     "Scenario",
   accessor:
     "scenario.state.scenarioTitle",
+  Filter: ( {filter, onChange} ) => (
+    <input
+      type="text"
+      placeholder="Search"
+      value={ filter ? filter.value : "" }
+      onChange={ event => onChange( event.target.value ) } />
+  ),
 }, {
   Header:
     "Company",