logic-data-view.jsx

import React, { Component } from 'react'
import PropTypes from 'prop-types'
import injectSheet from 'react-jss'
import { connect } from 'react-redux'
import { compose } from 'redux'
import shared from '../../lib/shared-var'

const styles = {
}

const enhance = compose(
  connect(),
  injectSheet(styles)
)

const LeftLislData = ({ lang, androidApk, iphone, oldlink }) => ([
  {
    link: `http://${window.location.hostname}/access/`,
    text: lang['1mXZFwU'],
  },
  {
    link: `http://${androidApk}`,
    text: 'Android',
  },
  {
    link: iphone,
    text: 'iphone',
  },
  {
    link: `http://${oldlink}/?utm_medium=refer&utm_source=newsite`,
    text: 'Вернуться на старый сайт',
  },
])

const LeftLislView = data => (
  <ul>
    {data.map(el => (
      <li key={el.link}>
        <a href={el.link} target="_blank">
          {el.text}
        </a>
      </li>
    ))}
  </ul>
)

const RightLisl = () => (
  <ul>
  </ul>
)

class HeaderInfo extends Component {
  render() {
    const { lang, mirror, env } = shared.getFull()
    return (
      <hgroup className="header-info">
        <nav>
          {LeftLislView(
            LeftLislData({
              lang,
              androidApk: mirror.apk,
              iphone: env.props.iphone,
              oldlink: mirror.domain,
            })
          )}
        </nav>
        <nav>
          {RightLisl()}
        </nav>
      </hgroup>
    )
  }
}

export default enhance(HeaderInfo)