Merge pull request #215 from lbryio/social-drivers

added Discord and social media links to the About page

app/src/page/about/view.js

@@ -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" text="Frequently Asked Questions" />
           </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>
           <View style={aboutStyle.row}>
             <View style={aboutStyle.col}><Text style={aboutStyle.text}>App version</Text></View>

app/src/styles/about.js

@@ -33,7 +33,7 @@ const aboutStyle = StyleSheet.create({
   links: {
     marginLeft: 12,
     marginRight: 12,
-    marginBottom: 12
+    marginBottom: 18
   },
   link: {
     color: Colors.LbryGreen,
@@ -44,6 +44,13 @@ const aboutStyle = StyleSheet.create({
   col: {
     alignSelf: 'stretch'
   },
+  socialTitle: {
+    fontFamily: 'Metropolis-Regular',
+    marginLeft: 12,
+    marginRight: 12,
+    marginBottom: 8,
+    fontSize: 20
+  },
   releaseInfoTitle: {
     fontFamily: 'Metropolis-Regular',
     marginLeft: 12,