<commit_before>import React, {Component, PropTypes} from 'react';
import {Col, Menu, Row} from 'antd';
import TweenOne from 'rc-tween-one';

import styles from './nav.less';
const Item = Menu.Item;

function Nav(props) {
  const {logo, menu1, menu2, menu3, menu4} = props.dataSource.block1;
  const animation = {
    delay  : 100,
    ease   : 'easeOutQuad',
    opacity: 0,
    type   : 'from',
    x      : -30
  };
  return (

    <Row className="nav-wrap">
      <Col xs={{ span: 24 }} sm={{ span: 5 }}>
        <TweenOne className="logo-wrap" animation={animation}>
          <img className="logo" src={logo}/>
        </TweenOne>
      </Col>
      <Col
        xs={{ span: 24 }}
        sm={{ span: 12, offset: 5 }}>
        <TweenOne animation={{ ...animation, x: 30 }}>
          <Row>
            <Col xs={{ span: 6 }}>
              <span className="nav-item">{menu1}</span>
            </Col>
            <Col xs={{ span: 6 }}>
              <span className="nav-item">{menu2}</span>
            </Col>
            <Col xs={{ span: 6 }}>
              <span className="nav-item">{menu3}</span>
            </Col>
            <Col xs={{ span: 6 }}>
              <span className="nav-item">{menu4}</span>
            </Col>
          </Row>
        </TweenOne>
      </Col>

    </Row>
  // </TweenOne>
  )
<commit_msg>update nav, reserve position for top right corner icon<commit_after>import React, {Component, PropTypes} from 'react';
import {Col, Menu, Row} from 'antd';
import TweenOne from 'rc-tween-one';

import styles from './nav.less';
const Item = Menu.Item;

function Nav(props) {
  const {logo, menu1, menu2, menu3, menu4} = props.dataSource.block1;
  const animation = {
    delay  : 100,
    ease   : 'easeOutQuad',
    opacity: 0,
    type   : 'from',
    x      : -30
  };
  return (

    <Row className="nav-wrap">
      <Col xs={{ span: 24 }} sm={{ span: 4 }}>
        <TweenOne className="logo-wrap" animation={animation}>
          <img className="logo" src={logo}/>
        </TweenOne>
      </Col>
      <Col
        xs={{ span: 24 }}
        st={{ span: 8, offset: 10 }}>
        <TweenOne animation={{ ...animation, x: 30 }}>
          <Row>
            <Col xs={{ span: 6 }}>
              <span className="nav-item">{menu1}</span>
            </Col>
            <Col xs={{ span: 6 }}>
              <span className="nav-item">{menu2}</span>
            </Col>
            <Col xs={{ span: 6 }}>
              <span className="nav-item">{menu3}</span>
            </Col>
            <Col xs={{ span: 6 }}>
              <span className="nav-item">{menu4}</span>
            </Col>
          </Row>
        </TweenOne>
      </Col>

    </Row>
  // </TweenOne>
  )

{'fraction_non_alphanumeric': 0.18030359126249537, 'fraction_numerical': 0.021473528322843393, 'mean_word_length': 1.8116545265348596, 'pattern_counts': {'":': 0, '<': 63, '<?xml version=': 0, '>': 63, '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': '7199335', 'n_tokens_mistral': 924, 'n_tokens_neox': 891, 'n_words': 228}