added Discord and social media links to the About page
This commit is contained in:
parent
e8a572032a
commit
ad38a09052
2 changed files with 27 additions and 9 deletions
|
@ -50,6 +50,17 @@ class AboutPage extends React.PureComponent {
|
||||||
<Link style={aboutStyle.link} href="https://lbry.io/faq/what-is-lbry" text="What is LBRY?" />
|
<Link style={aboutStyle.link} href="https://lbry.io/faq/what-is-lbry" text="What is LBRY?" />
|
||||||
<Link style={aboutStyle.link} href="https://lbry.io/faq" text="Frequently Asked Questions" />
|
<Link style={aboutStyle.link} href="https://lbry.io/faq" text="Frequently Asked Questions" />
|
||||||
</View>
|
</View>
|
||||||
|
<Text style={aboutStyle.socialTitle}>Get Social</Text>
|
||||||
|
<Text style={aboutStyle.paragraph}>
|
||||||
|
You can interact with the LBRY team and members of the community on Discord, Facebook, Instagram, Twitter or Reddit.
|
||||||
|
</Text>
|
||||||
|
<View style={aboutStyle.links}>
|
||||||
|
<Link style={aboutStyle.link} href="https://discordapp.com/invite/Z3bERWA" text="Discord" />
|
||||||
|
<Link style={aboutStyle.link} href="https://www.facebook.com/LBRYio" text="Facebook" />
|
||||||
|
<Link style={aboutStyle.link} href="https://www.instagram.com/LBRYio/" text="Instagram" />
|
||||||
|
<Link style={aboutStyle.link} href="https://twitter.com/LBRYio" text="Twitter" />
|
||||||
|
<Link style={aboutStyle.link} href="https://reddit.com/r/lbry" text="Reddit" />
|
||||||
|
</View>
|
||||||
<Text style={aboutStyle.releaseInfoTitle}>Release information</Text>
|
<Text style={aboutStyle.releaseInfoTitle}>Release information</Text>
|
||||||
<View style={aboutStyle.row}>
|
<View style={aboutStyle.row}>
|
||||||
<View style={aboutStyle.col}><Text style={aboutStyle.text}>App version</Text></View>
|
<View style={aboutStyle.col}><Text style={aboutStyle.text}>App version</Text></View>
|
||||||
|
|
|
@ -33,7 +33,7 @@ const aboutStyle = StyleSheet.create({
|
||||||
links: {
|
links: {
|
||||||
marginLeft: 12,
|
marginLeft: 12,
|
||||||
marginRight: 12,
|
marginRight: 12,
|
||||||
marginBottom: 12
|
marginBottom: 18
|
||||||
},
|
},
|
||||||
link: {
|
link: {
|
||||||
color: Colors.LbryGreen,
|
color: Colors.LbryGreen,
|
||||||
|
@ -44,6 +44,13 @@ const aboutStyle = StyleSheet.create({
|
||||||
col: {
|
col: {
|
||||||
alignSelf: 'stretch'
|
alignSelf: 'stretch'
|
||||||
},
|
},
|
||||||
|
socialTitle: {
|
||||||
|
fontFamily: 'Metropolis-Regular',
|
||||||
|
marginLeft: 12,
|
||||||
|
marginRight: 12,
|
||||||
|
marginBottom: 8,
|
||||||
|
fontSize: 20
|
||||||
|
},
|
||||||
releaseInfoTitle: {
|
releaseInfoTitle: {
|
||||||
fontFamily: 'Metropolis-Regular',
|
fontFamily: 'Metropolis-Regular',
|
||||||
marginLeft: 12,
|
marginLeft: 12,
|
||||||
|
|
Loading…
Reference in a new issue