<commit_before>import React, { Component } from 'react';
import { View, Text, StyleSheet } from 'react-native';
import PXTouchable from './PXTouchable';
import PXImage from './PXImage';
import OverlayBookmarkNovelButton from './OverlayBookmarkNovelButton';
import OverlayNovelPages from './OverlayNovelPages';
import OverlayMutedIndicator from './OverlayMutedIndicator';
import { globalStyleVariables } from '../styles';

const HIGHLIGHT_BORDER_WIDTH = 3;
const styles = StyleSheet.create({
  container: {
    marginHorizontal: 10,
    marginBottom: 10,
    backgroundColor: '#fff',
  },
  contentContainer: {
    flexDirection: 'row',
  },
  muteContainer: {
    height: 120,
    justifyContent: 'center',
  },
  imageContainer: {
    width: 75,
    height: 100,
  },
  highlight: {
    borderWidth: HIGHLIGHT_BORDER_WIDTH,
    borderColor: globalStyleVariables.HIGHLIGHT_COLOR,
  },
  subRightContainer: {
    margin: 10,
    flexDirection: 'column',
    flex: 1,
    flexWrap: 'wrap',
  },
  text: {
    color: '#000',
  },
  seriesTitle: {
    color: globalStyleVariables.PRIMARY_COLOR,
  },
  title: {
    fontWeight: 'bold',
    fontSize: 18,
  },
  user: {
    color: '#696969',
  },
  info: {},
  tagsContainer: {
    flexDirection: 'row',
    flex: 1,
    flexWrap: 'wrap',
  },
  tag: {
    fontSize: 12,
  },
});

class NovelListViewItem extends Component {
  renderTags = tags =>
    <View style={styles.tagsContainer}>
      {tags.map((tag, index) =><commit_msg>update series title styling for novel list view item<commit_after>import React, { Component } from 'react';
import { View, Text, StyleSheet } from 'react-native';
import PXTouchable from './PXTouchable';
import PXImage from './PXImage';
import OverlayBookmarkNovelButton from './OverlayBookmarkNovelButton';
import OverlayNovelPages from './OverlayNovelPages';
import OverlayMutedIndicator from './OverlayMutedIndicator';
import { globalStyleVariables } from '../styles';

const HIGHLIGHT_BORDER_WIDTH = 3;
const styles = StyleSheet.create({
  container: {
    marginHorizontal: 10,
    marginBottom: 10,
    backgroundColor: '#fff',
  },
  contentContainer: {
    flexDirection: 'row',
  },
  muteContainer: {
    height: 120,
    justifyContent: 'center',
  },
  imageContainer: {
    width: 75,
    height: 100,
  },
  highlight: {
    borderWidth: HIGHLIGHT_BORDER_WIDTH,
    borderColor: globalStyleVariables.HIGHLIGHT_COLOR,
  },
  subRightContainer: {
    margin: 10,
    flexDirection: 'column',
    flex: 1,
    flexWrap: 'wrap',
  },
  text: {
    color: '#000',
  },
  seriesTitle: {
    fontWeight: 'bold',
    color: globalStyleVariables.PRIMARY_COLOR,
    marginBottom: 5,
  },
  title: {
    fontWeight: 'bold',
    fontSize: 18,
  },
  user: {
    color: '#696969',
  },
  info: {},
  tagsContainer: {
    flexDirection: 'row',
    flex: 1,
    flexWrap: 'wrap',
  },
  tag: {
    fontSize: 12,
  },
});

class NovelListViewItem extends Component {
  renderTags = tags =>
    <View style={styles.tagsContainer}>
      {tags.map((tag, index) =>
{'fraction_non_alphanumeric': 0.13381674357284112, 'fraction_numerical': 0.02010547132498352, 'mean_word_length': 3.56390977443609, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 9, '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': '1063217', 'n_tokens_mistral': 1046, 'n_tokens_neox': 989, 'n_words': 232}