1 files changed, 26 insertions, 8 deletions
diff --git a/client/src/lib/views/credits.js b/client/src/lib/views/credits.js
index dbe516b..74020fa 100644
--- a/client/src/lib/views/credits.js
+++ b/client/src/lib/views/credits.js
@@ -3,9 +3,7 @@ import {
   StyleSheet,
   View,
 } 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,13 +12,24 @@ export default class Credits extends Component {
     super()
   }
   render() {
-    let body = '<p>' + this.props.content.body + '</p>'
+    // let body = '<p>' + this.props.content.body + '</p>'
+    let credits = this.props.content.body.split('\n').map( (s,i) => {
+      s = s.replace('\r', '')
+      if (s.match('~')) {
+        s = s.replace('~ ', '').toUpperCase()
+        style = styles.smallText
+      }
+      else {
+        style = styles.text
+      }
+      return (
+        <ClearText key={i} style={style}>{s}</ClearText>
+      )
+    })
     return (
-      <ScrollableContainer heading='Credits'>
+      <ScrollableContainer heading='Production Acknowledgements'>
         <View style={styles.body}>
-          <View style={styles.inner}>
-            <HTMLView value={body} stylesheet={htmlStyles} onLinkPress={this.props.onLinkPress} />
-          </View>
+          {credits}
         </View>
       </ScrollableContainer>
     )
@@ -29,6 +38,15 @@ export default class Credits extends Component {
 
 const styles = StyleSheet.create({
   body: {
-    maxWidth: '650px',
+    width: '75%',
+    alignItems: 'center',
+    paddingBottom: 200,
+  },
+  smallText: {
+    fontWeight: 'bold',
+    fontSize: 13,
+    marginTop: 20,
+  },
+  text: {
   },
 })