Renames in Frontend

frontend/src/Book/BookSearchCell.js

@@ -0,0 +1,80 @@
+import PropTypes from 'prop-types';
+import React, { Component } from 'react';
+import { icons } from 'Helpers/Props';
+import IconButton from 'Components/Link/IconButton';
+import SpinnerIconButton from 'Components/Link/SpinnerIconButton';
+import TableRowCell from 'Components/Table/Cells/TableRowCell';
+import BookInteractiveSearchModalConnector from './Search/BookInteractiveSearchModalConnector';
+import styles from './BookSearchCell.css';
+
+class BookSearchCell extends Component {
+
+  //
+  // Lifecycle
+
+  constructor(props, context) {
+    super(props, context);
+
+    this.state = {
+      isDetailsModalOpen: false
+    };
+  }
+
+  //
+  // Listeners
+
+  onManualSearchPress = () => {
+    this.setState({ isDetailsModalOpen: true });
+  }
+
+  onDetailsModalClose = () => {
+    this.setState({ isDetailsModalOpen: false });
+  }
+
+  //
+  // Render
+
+  render() {
+    const {
+      bookId,
+      bookTitle,
+      isSearching,
+      onSearchPress,
+      ...otherProps
+    } = this.props;
+
+    return (
+      <TableRowCell className={styles.BookSearchCell}>
+        <SpinnerIconButton
+          name={icons.SEARCH}
+          isSpinning={isSearching}
+          onPress={onSearchPress}
+        />
+
+        <IconButton
+          name={icons.INTERACTIVE}
+          onPress={this.onManualSearchPress}
+        />
+
+        <BookInteractiveSearchModalConnector
+          isOpen={this.state.isDetailsModalOpen}
+          bookId={bookId}
+          bookTitle={bookTitle}
+          onModalClose={this.onDetailsModalClose}
+          {...otherProps}
+        />
+
+      </TableRowCell>
+    );
+  }
+}
+
+BookSearchCell.propTypes = {
+  bookId: PropTypes.number.isRequired,
+  authorId: PropTypes.number.isRequired,
+  bookTitle: PropTypes.string.isRequired,
+  isSearching: PropTypes.bool.isRequired,
+  onSearchPress: PropTypes.func.isRequired
+};
+
+export default BookSearchCell;