<commit_before>import React, { PropTypes } from 'react';
import { connect } from 'react-redux';
import Helmet from 'react-helmet';
import { createStructuredSelector } from 'reselect';
import styled from 'styled-components';
import { Row, Col } from 'react-bootstrap';

import { primaryDarker } from 'utils/colors';
import Header from 'containers/Header';
import Title from 'components/Title';
import SubTitle from 'components/SubTitle';
import Card from 'components/Card';
import LinkButton from 'components/LinkButton';
import { makeSelectUserData } from 'containers/App/selectors';

const Notification = styled.p`
  color: ${primaryDarker};
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
`;

const SpacedCol = styled(Col)`
  margin-bottom: 10px;
`;

export class DashboardPage extends React.PureComponent { // eslint-disable-line react/prefer-stateless-function
  render() {
    return (
      <div>
        <Helmet
          title="Dashboard"
          meta={[
            { name: 'description', content: 'User dashboard for book trading' },
          ]}
        />
        <Header location={this.props.location.pathname} />
        <div className="container text-center">
          <Title>{this.props.userData.name}</Title>
          <Row>
            <SpacedCol xs={10} xsOffset={1} sm={6} smOffset={0} md={4} mdOffset={2}>
              <Card>
                <Title>My Books</Title>
                <SubTitle>10 Books Added</SubTitle>
                <LinkButton to={'/mybooks'}>View My Books</LinkButton>
              </Card>
            </SpacedCol>
            <SpacedCol xs={10} xsOffset={1} sm={6} smOffset={0} md={4} mdOffset={0}>
              <Card>
                <Title>Wishlist</Title>
                <SubTitle>5 Books Requested</SubTitle>
                <LinkButton to={'/browse'}>View Wishlist</LinkButton>
              </Card>
            </SpacedCol>
            <SpacedCol xs={10} xsOffset={1} sm={6} smOffset={0} md={4} mdOffset={2}>
              <Card>
                <Title>Requests</Title>
                <SubTitle>0 In Progress</SubTitle>
                <SubTitle>3 Pending</SubTitle>
                <LinkButton to={'/requests'}>View Requests</LinkButton>
              </Card>
            </SpacedCol>
            <SpacedCol xs={10} xsOffset={1} sm={6} smOffset={0} md={4} mdOffset={0}>
              <Card>
                <Title>Settings</Title>
                <SubTitle>Country: {this.props.userData.country}</SubTitle><commit_msg>Add link to browse and update link to wishlist<commit_after>import React, { PropTypes } from 'react';
import { connect } from 'react-redux';
import Helmet from 'react-helmet';
import { createStructuredSelector } from 'reselect';
import styled from 'styled-components';
import { Row, Col } from 'react-bootstrap';

import { primaryDarker } from 'utils/colors';
import Header from 'containers/Header';
import Title from 'components/Title';
import SubTitle from 'components/SubTitle';
import Card from 'components/Card';
import LinkButton from 'components/LinkButton';
import { makeSelectUserData } from 'containers/App/selectors';

const Notification = styled.p`
  color: ${primaryDarker};
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
`;

const SpacedCol = styled(Col)`
  margin-bottom: 10px;
`;

export class DashboardPage extends React.PureComponent { // eslint-disable-line react/prefer-stateless-function
  render() {
    return (
      <div>
        <Helmet
          title="Dashboard"
          meta={[
            { name: 'description', content: 'User dashboard for book trading' },
          ]}
        />
        <Header location={this.props.location.pathname} />
        <div className="container text-center">
          <Title>{this.props.userData.name}</Title>
          <LinkButton to={'/browse'}>Browse Books</LinkButton>
          <Row>
            <SpacedCol xs={10} xsOffset={1} sm={6} smOffset={0} md={4} mdOffset={2}>
              <Card>
                <Title>My Books</Title>
                <SubTitle>10 Books Added</SubTitle>
                <LinkButton to={'/mybooks'}>View My Books</LinkButton>
              </Card>
            </SpacedCol>
            <SpacedCol xs={10} xsOffset={1} sm={6} smOffset={0} md={4} mdOffset={0}>
              <Card>
                <Title>Wishlist</Title>
                <SubTitle>5 Books Requested</SubTitle>
                <LinkButton to={'/wishlist'}>View Wishlist</LinkButton>
              </Card>
            </SpacedCol>
            <SpacedCol xs={10} xsOffset={1} sm={6} smOffset={0} md={4} mdOffset={2}>
              <Card>
                <Title>Requests</Title>
                <SubTitle>0 In Progress</SubTitle>
                <SubTitle>3 Pending</SubTitle>
                <LinkButton to={'/requests'}>View Requests</LinkButton>
              </Card>
            </SpacedCol>
            <SpacedCol xs={10} xsOffset={1} sm={6} smOffset={0} md={4} mdOffset={0}>
              <Card>
                <Title>Settings</Title>
                <SubTitle>Country: {this.props.userData.country}</SubTitle>
{'fraction_non_alphanumeric': 0.139621898385191, 'fraction_numerical': 0.013784954706577392, 'mean_word_length': 2.395053475935829, 'pattern_counts': {'":': 0, '<': 95, '<?xml version=': 0, '>': 95, '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': '3382629', 'n_tokens_mistral': 1535, 'n_tokens_neox': 1471, 'n_words': 338}