lori/drip
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Introduces License and About components redesign

Browse Source
This commit is contained in:
mashazyu
2020-03-23 10:48:12 +01:00
committed by Sofiya Tepikin
parent 3f8f6dbbe6
commit 4f30db69f3
6 changed files with 98 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/settings/about.js
+31 -29
View File
@@ -1,33 +1,35 @@
import React, { Component } from 'react'
import { ScrollView } from 'react-native'
import React from 'react'
import AppPage from '../common/app-page'
import AppText from '../common/app-text'
import labels from '../../i18n/en/settings'
import links from '../../i18n/en/links'
import FramedSegment from '../common/framed-segment'
export default class AboutSection extends Component {
render() {
return (
<ScrollView>
<FramedSegment title={labels.aboutSection.title}>
<AppText>{labels.aboutSection.text}</AppText>
</FramedSegment>
<FramedSegment title={labels.philosophy.title}>
<AppText>{labels.philosophy.text}</AppText>
</FramedSegment>
<FramedSegment title={labels.credits.title}>
<AppText>{labels.credits.note}</AppText>
</FramedSegment>
<FramedSegment title={labels.donate.title}>
<AppText>{labels.donate.note}</AppText>
</FramedSegment>
<FramedSegment title={labels.website.title}>
<AppText>{links.website.url}</AppText>
</FramedSegment>
<FramedSegment title={labels.version.title} last>
<AppText>{require('../../package.json').version}</AppText>
</FramedSegment>
</ScrollView>
)
}
import labels from '../../i18n/en/settings'
import links from '../../i18n/en/links'
const AboutSection = () => {
return (
<AppPage title={labels.aboutSection.title} >
<FramedSegment>
<AppText>{labels.aboutSection.text}</AppText>
</FramedSegment>
<FramedSegment title={labels.philosophy.title}>
<AppText>{labels.philosophy.text}</AppText>
</FramedSegment>
<FramedSegment title={labels.credits.title}>
<AppText>{labels.credits.note}</AppText>
</FramedSegment>
<FramedSegment title={labels.donate.title}>
<AppText>{labels.donate.note}</AppText>
</FramedSegment>
<FramedSegment title={labels.website.title}>
<AppText>{links.website.url}</AppText>
</FramedSegment>
<FramedSegment title={labels.version.title} last>
<AppText>{require('../../package.json').version}</AppText>
</FramedSegment>
</AppPage>
)
}
export default AboutSection
components/settings/license.js
+15 -14
View File
@@ -1,18 +1,19 @@
import React, { Component } from 'react'
import { View, ScrollView } from 'react-native'
import React from 'react'
import AppPage from '../common/app-page'
import AppText from '../common/app-text'
import styles from '../../styles/index'
import FramedSegment from '../common/framed-segment'
import labels from '../../i18n/en/settings'
export default class License extends Component {
render() {
return (
<ScrollView>
<View style={styles.framedSegment}>
<AppText style={styles.framedSegmentTitle}>{`${labels.license.title} `}</AppText>
<AppText>{`${labels.license.text} `}</AppText>
</View>
</ScrollView>
)
}
const License = () => {
return (
<AppPage title={labels.license.title} >
<FramedSegment last >
<AppText>{labels.license.text}</AppText>
</FramedSegment>
</AppPage>
)
}
export default License