diff options
Diffstat (limited to 'client')
| -rw-r--r-- | client/src/lib/views/information.js | 2 | ||||
| -rw-r--r-- | client/src/lib/views/privacy.js | 81 |
2 files changed, 78 insertions, 5 deletions
diff --git a/client/src/lib/views/information.js b/client/src/lib/views/information.js index c48eb7f..77d1af2 100644 --- a/client/src/lib/views/information.js +++ b/client/src/lib/views/information.js @@ -105,7 +105,7 @@ const styles = StyleSheet.create({ }, face: { width: '90vw', - height: 400, + height: 450, marginBottom: 20, }, footer: { 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 +}) |