Chore/Retire hyperlink library

2022-09-19 09:25:16 +00:00
parent 0597540b88
commit f957553026
9 changed files with 52 additions and 90 deletions
@@ -0,0 +1,69 @@
+import React from 'react'
+import { Platform, Linking } from 'react-native'
+
+import AppPage from '../common/app-page'
+import AppText from '../common/app-text'
+import AppLink from '../common/AppLink'
+import Segment from '../common/segment'
+import Button from '../common/button'
+import ButtonRow from '../common/button-row'
+
+import links from '../../i18n/en/links'
+import { useTranslation } from 'react-i18next'
+
+const AboutSection = () => {
+  const { t } = useTranslation(null, { keyPrefix: 'settings.about' })
+
+  return (
+    <AppPage title={t('title')}>
+      <Segment>
+        <AppText>{t('intro.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={t('philosophy.title')}>
+        <AppText>{t('philosophy.text')}</AppText>
+      </Segment>
+      <Segment title={t('credits.title')}>
+        <AppText>
+          {t('credits.text')}{' '}
+          <AppLink url={links.flaticon.url}>flaticon</AppLink>.{' '}
+        </AppText>
+        <AppText>
+          {t('credits.madeBy')}{' '}
+          <AppLink url={links.smashicons.url}>smashicons</AppLink>,{' '}
+          <AppLink url={links.pause08.url}>pause08</AppLink>,{' '}
+          <AppLink url={links.kazachek.url}>kazachek</AppLink>,{' '}
+          <AppLink url={links.freepik.url}>freepik</AppLink>.
+        </AppText>
+      </Segment>
+      <Segment title={t('donate.title')}>
+        <AppText>{t('donate.text')}</AppText>
+        {Platform.OS !== 'ios' && (
+          <Button
+            isCTA
+            isSmall
+            onPress={() => Linking.openURL(links.donate.url)}
+          >
+            {t('donate.button')}
+          </Button>
+        )}
+      </Segment>
+      <Segment title={t('version.title')} last>
+        <AppText>{require('../../package.json').version}</AppText>
+      </Segment>
+    </AppPage>
+  )
+}
+
+export default AboutSection