BloodyMarie
51 lines
1.5 KiB
JavaScript
51 lines
1.5 KiB
JavaScript
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'
|
|
|
|
import labels from '../../i18n/en/settings'
|
|
import links from '../../i18n/en/links'
|
|
|
|
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
|
|
onPress={() => Linking.openURL(link['url'])}
|
|
>
|
|
{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>
|
|
</AppPage>
|
|
)
|
|
}
|
|
|
|
export default AboutSection
|