/**
 * 关于页面
 * @邠心vbe on 2021/4/7
 */
import React from 'react';
import { View, Text, Image, StyleSheet } from 'react-native';
import app from '../../../app.json';
import { PageList } from '../Router';

const author = 2023;

export default About = () => {
  return (
    <View style={styles.container}>
      <Image
        style={styles.logo}
        resizeMode='contain'
        source={require('../../images/about-logo.png')}/>
      {/* <Text style={styles.appName}>{app.displayName}</Text> */}
      <Text style={styles.versionName}>{app.versionName}</Text>
      <Text style={ui.flex1}></Text>
      <View style={ui.flexcc}>
        <Text style={styles.linkText} onPress={() => startPage(PageList.condition)}>{$t("drawer.termsOfUse")}</Text>
        <Text style={styles.linkText} onPress={() => startPage(PageList.privacy)}>{$t("drawer.privacyPolicy")}</Text>
      </View>
      <Text style={styles.copyright}>{'Copyright ' + /*app.versionName + ' Build ' + app.versionCode + */getYearRange()+' Strides YTL Pte. Ltd.'}</Text>
    </View>
  );
}

const getYearRange = () => {
  const y = new Date().getFullYear();
  var r = '©' + author;
  if (y > author) {
    r += '-' + y
  }
  return r;
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: 'center',
    backgroundColor: colorLight
  },
  logo: {
    width: 215,
    height: 70,
    marginTop: $vw(25),
    marginBottom: 12
  },
  appName: {
    color: '#000',
    fontSize: 20,
    paddingTop: 5,
    textAlign: 'center'
  },
  versionName: {
    color: '#999',
    fontSize: 11,
    paddingTop: 4,
    textAlign: 'center',
  },
  copyright: {
    color: '#aaa',
    fontSize: 10,
    lineHeight: 14,
    marginBottom: 16,
    textAlign: 'center'
  },
  linkText: {
    ...ui.link,
    fontSize: 10,
    padding: 1,
    marginLeft: 4,
    marginRight: 4
  }
})
