<commit_before>/*!
 * Description: Book stateless function component
 *
 * The component render a book either as a thumbnail or as a link.
 *
 * App
 *  - ControlsContainer
 *   - TopicSelectorContainer
 *    - TopicSelector
 *   - DisplayModeContainer
 *    - DisplayMode
 *   - HistoryContainer
 *    - History
 *  - BooksContainer
 *   - Books
 *    - Book (*)
 *    - Book
 *    - ...
 *  - StateViewerContainer
 *
 * The component gets props from the Books component;
 * - item, object with data for a book
 * - displayMode, string to tell how the book should be rendered.
 *
 *
 * Author:  <NAME>
 * File:
 * Version: 0.0.1
 * Created on 2016-10-16
 */
// Module dependencies
import React from 'react';


/**
 * Book stateless function component
 * @param item
 * @param displayMode
 * @returns {XML}
 * @constructor
 */
const Book = ({ item, displayMode }) => {
  const styles = {
    links: {
      marginTop: '20px',
    },
    link: {
      padding: '25px',
    },
    image: {
      boxShadow: '3px 3px 3px #686868',
      marginBottom: '15px',
    },
  };

  // Helper function to render book data as link
  const linkMarkup = (currentItem, link) => (
    <div style={styles.links}>
      <a href={link} style={styles.link}>
        {currentItem.volumeInfo.title}<commit_msg>Changed style on text links<commit_after>/*!
 * Description: Book stateless function component
 *
 * The component render a book either as a thumbnail or as a link.
 *
 * App
 *  - ControlsContainer
 *   - TopicSelectorContainer
 *    - TopicSelector
 *   - DisplayModeContainer
 *    - DisplayMode
 *   - HistoryContainer
 *    - History
 *  - BooksContainer
 *   - Books
 *    - Book (*)
 *    - Book
 *    - ...
 *  - StateViewerContainer
 *
 * The component gets props from the Books component;
 * - item, object with data for a book
 * - displayMode, string to tell how the book should be rendered.
 *
 *
 * Author:  <NAME>
 * File:
 * Version: 0.0.1
 * Created on 2016-10-16
 */
// Module dependencies
import React from 'react';


/**
 * Book stateless function component
 * @param item
 * @param displayMode
 * @returns {XML}
 * @constructor
 */
const Book = ({ item, displayMode }) => {
  const styles = {
    links: {
      marginTop: '20px',
    },
    link: {
      padding: '25px',
      color: 'grey',
    },
    image: {
      boxShadow: '3px 3px 3px #686868',
      marginBottom: '15px',
    },
  };

  // Helper function to render book data as link
  const linkMarkup = (currentItem, link) => (
    <div style={styles.links}>
      <a href={link} style={styles.link}>
        {currentItem.volumeInfo.title}
{'fraction_non_alphanumeric': 0.12648524338827136, 'fraction_numerical': 0.019931008049060943, 'mean_word_length': 2.4753661784287617, 'pattern_counts': {'":': 0, '<': 9, '<?xml version=': 0, '>': 13, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5652836', 'n_tokens_mistral': 837, 'n_tokens_neox': 798, 'n_words': 245}