1 files changed, 77 insertions, 4 deletions

diff --git a/client/src/lib/views/privacy.js b/client/src/lib/views/privacy.js
index c2d0596..eb243a3 100644
--- a/client/src/lib/views/privacy.js
+++ b/client/src/lib/views/privacy.js
@@ -5,7 +5,6 @@ import {
 } from 'react-native';
 import HTMLView from 'react-native-htmlview'
 
-import htmlStyles from '../components/htmlStyles'
 import ScrollableContainer from '../components/scrollableContainer'
 import ClearText from '../components/text'
 
@@ -14,20 +13,94 @@ export default class Privacy extends Component {
     super()
   }
   render() {
-    let body = '<p>' + this.props.content.body + '</p>'
+    let body = this.props.content.body
     return (
       <ScrollableContainer heading='Privacy Policy'>
         <View style={styles.body}>
-          <HTMLView value={body} stylesheet={htmlStyles} onLinkPress={this.props.onLinkPress} />
+          <HTMLView value={body} stylesheet={htmlStyles} renderNode={renderNode} onLinkPress={this.props.onLinkPress} />
         </View>
       </ScrollableContainer>
     )
   }
 }
 
+function renderNode (node, index) {
+  if (node.name === 'hr') {
+    return ( <View key={index} style={styles.hr} /> )
+  }
+  // console.warn(node.name)
+}
+
 const styles = StyleSheet.create({
   body: {
     width: '90%',
     maxWidth: '650px',
+    paddingBottom: 200,
+  },
+  hr: {
+    width: 50,
+    height: 2,
+    backgroundColor: '#fff',
+    marginBottom: 20,
+  },
+})
+
+const htmlStyles = StyleSheet.create({
+  p: {
+    color: 'white',  
+    fontFamily: 'Futura-Medium',
+    textAlign: 'justify',
+    fontSize: 16,
+    lineHeight: 30,
+    margin: 0,
+  },
+  li: {
+    color: 'white',  
+    fontFamily: 'Futura-Medium',
+    textAlign: 'justify',
+    fontSize: 16,
+    lineHeight: 30,
+    margin: 0,
+  },
+  b: {
+    fontFamily: 'Futura-MediumItalic',
+    color: 'white',
+    fontSize: 16,
+    lineHeight: 30,
+  },
+  i: {
+    fontFamily: 'Futura-MediumItalic',
+    color: 'white',
+    fontSize: 16,
+    lineHeight: 30,
+  },
+  a: {
+    color: 'white',
+    fontFamily: 'Futura-Medium',
+    textDecorationLine: 'underline',
+    fontSize: 16,
+    lineHeight: 30,
+  },
+  h1: {
+    color: 'white',
+    fontFamily: 'Futura-Medium',
+    fontSize: 24,
+    lineHeight: 30,
+    margin: 0,
+  },
+  h2: {
+    color: 'white',
+    fontFamily: 'Futura-Medium',
+    fontSize: 20,
+    lineHeight: 32,
+    margin: 0,
+  },
+  h3: {
+    color: 'white',
+    fontFamily: 'Futura-Medium',
+    fontSize: 16,
+    lineHeight: 30,
+    fontWeight: 'bold',
+    margin: 0,
   },
-})
\ No newline at end of file
+})