Skip to content
Snippets Groups Projects
about.js 1.48 KiB
Newer Older
import React from 'react'
import { Linking } from 'react-native'

import AppPage from '../common/app-page'
import AppText from '../common/app-text'
import Segment from '../common/segment'
import Button from '../common/button'
import ButtonRow from '../common/button-row'
Julia Friesel's avatar
Julia Friesel committed
import labels from '../../i18n/en/settings'
import links from '../../i18n/en/links'
mashazyu's avatar
mashazyu committed

const AboutSection = () => {
  return (
    <AppPage title={labels.aboutSection.title}>
      <Segment>
        <AppText>{labels.aboutSection.text}</AppText>
        <ButtonRow>
          {[links.email, links.gitlab, links.website].map((link) => (
            <Button
              key={link.url}
              isCTA
              isSmall
bl00dymarie's avatar
bl00dymarie committed
              onPress={() => Linking.openURL(link.url)}
bl00dymarie's avatar
bl00dymarie committed
              {link.text}
            </Button>
          ))}
        </ButtonRow>
      </Segment>
      <Segment title={labels.philosophy.title}>
        <AppText>{labels.philosophy.text}</AppText>
      </Segment>
      <Segment title={labels.credits.title}>
        <AppText>{labels.credits.note}</AppText>
      </Segment>
      <Segment title={labels.donate.title}>
        <AppText>{labels.donate.note}</AppText>
        <Button isCTA isSmall onPress={() => Linking.openURL(links.donate.url)}>
          {links.donate.text}
        </Button>
      </Segment>
      <Segment title={labels.version.title} last>
        <AppText>{require('../../package.json').version}</AppText>
      </Segment>

export default AboutSection