diff --git a/app/src/page/about/view.js b/app/src/page/about/view.js
index 0f33a9c0..29edd73c 100644
--- a/app/src/page/about/view.js
+++ b/app/src/page/about/view.js
@@ -11,11 +11,11 @@ class AboutPage extends React.PureComponent {
lbryId: null,
versionInfo: null
};
-
+
componentDidMount() {
if (NativeModules.VersionInfo) {
NativeModules.VersionInfo.getAppVersion().then(version => {
- this.setState({appVersion: version});
+ this.setState({appVersion: version});
});
}
Lbry.version().then(info => {
@@ -29,11 +29,11 @@ class AboutPage extends React.PureComponent {
});
});
}
-
+
render() {
const loading = 'Loading...';
const ver = this.state.versionInfo ? this.state.versionInfo : null;
-
+
return (
+ Get Social
+
+ You can interact with the LBRY team and members of the community on Discord, Facebook, Instagram, Twitter or Reddit.
+
+
+
+
+
+
+
+
Release information
App version
{this.state.appVersion}
-
+
Daemon (lbrynet)
{ver ? ver.lbrynet_version : loading }
-
+
Wallet (lbryum)
{ver ? ver.lbryum_version : loading }
-
+
Platform
{ver ? ver.platform : loading }
-
+
Installation ID
diff --git a/app/src/styles/about.js b/app/src/styles/about.js
index 58d7265f..d9697294 100644
--- a/app/src/styles/about.js
+++ b/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,