77833 SearchResultList eventHandler name

packages/app/src/components/SearchPage.jsx

@@ -31,8 +31,8 @@ class SearchPage extends React.Component {
 
     this.changeURL = this.changeURL.bind(this);
     this.onSearchInvoked = this.onSearchInvoked.bind(this);
-    this.onSelectPageToShowInvoked = this.onSelectPageToShowInvoked.bind(this);
-    this.onToggleCheckBoxInvoked = this.onToggleCheckBoxInvoked.bind(this);
+    this.selectPage = this.selectPage.bind(this);
+    this.toggleCheckBox = this.toggleCheckBox.bind(this);
   }
 
   componentDidMount() {
@@ -103,7 +103,7 @@ class SearchPage extends React.Component {
       });
   }
 
-  onSelectPageToShowInvoked= (pageId) => {
+  selectPage= (pageId) => {
     const index = this.state.searchedPages.findIndex((page) => {
       return page._id === pageId;
     });
@@ -112,7 +112,7 @@ class SearchPage extends React.Component {
     });
   }
 
-  onToggleCheckBoxInvoked = (page) => {
+  toggleCheckBox = (page) => {
     if (this.state.selectedPages.has(page)) {
       this.state.selectedPages.delete(page);
     }
@@ -139,8 +139,8 @@ class SearchPage extends React.Component {
         deletionMode={false}
         selectedPage={this.state.selectedPage}
         selectedPages={this.state.selectedPages}
-        clickHandler={this.onSelectPageToShowInvoked}
-        toggleChangeHandler={this.onToggleCheckBoxInvoked}
+        onClickInvoked={this.selectPage}
+        onChangedInvoked={this.toggleCheckBox}
       >
       </SearchResultList>
     );

packages/app/src/components/SearchPage/SearchResultList.jsx

@@ -10,7 +10,7 @@ class SearchResultList extends React.Component {
       const pageId = `#${page._id}`;
       return (
         <li key={page._id} className="nav-item page-list-li w-100 m-0 border-bottom">
-          <a className="nav-link page-list-link d-flex align-items-baseline" href={pageId} onClick={() => { this.props.clickHandler(page._id) }}>
+          <a className="nav-link page-list-link d-flex align-items-baseline" href={pageId} onClick={() => { this.props.onClickInvoked(page._id) }}>
             <div className="form-check my-auto">
               <input className="form-check-input my-auto" type="checkbox" value="" id="flexCheckDefault" />
             </div>
@@ -28,7 +28,7 @@ class SearchResultList extends React.Component {
                     className="custom-control-input search-result-list-delete-checkbox"
                     value={pageId}
                     checked={this.props.selectedPages.has(page)}
-                    onChange={() => { return this.props.toggleChangeHandler(page) }}
+                    onChange={() => { return this.props.onChangeInvoked(page) }}
                   />
                   <label className="custom-control-label" htmlFor={`page-delete-check-${page._id}`}></label>
                 </div>
@@ -59,8 +59,8 @@ SearchResultList.propTypes = {
   pages: PropTypes.array.isRequired,
   deletionMode: PropTypes.bool.isRequired,
   selectedPages: PropTypes.array.isRequired,
-  clickHandler: PropTypes.func.isRequired,
-  toggleChangeHandler: PropTypes.func.isRequired,
+  onClickInvoked: PropTypes.func.isRequired,
+  onChangeInvoked: PropTypes.func.isRequired,
 };