Commit c4940e3f authored by Wahyu Adjie Prasetyo's avatar Wahyu Adjie Prasetyo

nambahin try cath untuk menangkap error di hp pak benny

parent 0c07d48d
This diff is collapsed.
import React from 'react'; import React from 'react';
import { View, Text, StyleSheet, Dimensions } from 'react-native'; import { View, Text, StyleSheet, Dimensions, Alert } from 'react-native';
import { Image } from 'react-native-elements'; import { Image } from 'react-native-elements';
import Axios from 'axios'; import Axios from 'axios';
import { TouchableOpacity, ScrollView } from 'react-native-gesture-handler'; import { TouchableOpacity, ScrollView } from 'react-native-gesture-handler';
...@@ -20,53 +20,68 @@ export default class NewsDetail extends React.Component { ...@@ -20,53 +20,68 @@ export default class NewsDetail extends React.Component {
} }
componentDidMount() { componentDidMount() {
const screenWidth = Math.round(Dimensions.get('window').width); try {
const statusBarHeight = getStatusBarHeight(); const screenWidth = Math.round(Dimensions.get('window').width);
this.setState({ const statusBarHeight = getStatusBarHeight();
image_height: screenWidth, this.setState({
statusbar_height: statusBarHeight image_height: screenWidth,
}) statusbar_height: statusBarHeight
this.get_news_detail(this.props.route.params.slug) })
this.get_news_detail(this.props.route.params.slug)
} catch (error) {
Alert.alert('Error', + error)
}
} }
get_news_detail(slug) { get_news_detail(slug) {
Axios.get('https://excelsocrm.ravintoladev.com/cms/v2/detail/' + slug).then(res => { try {
const detail = res.data; Axios.get('https://excelsocrm.ravintoladev.com/cms/v2/detail/' + slug).then(res => {
this.setState({ const detail = res.data;
title: detail.title, this.setState({
subtitle: detail.subtitle, title: detail.title,
image: detail.content_image, subtitle: detail.subtitle,
content: detail.content, image: detail.content_image,
}) content: detail.content,
}) })
})
} catch (error) {
Alert.alert('Error:'+ error)
}
} }
render() { render() {
// console.log(this.state.content) // console.log(this.state.content)
return ( try {
<View style={styles.container}> return (
<MyStatusBar /> <View style={styles.container}>
<ScrollView style={styles.body}> <MyStatusBar />
<View style={styles.image_container(this.state.image_height)}> <ScrollView style={styles.body}>
<Image style={styles.image(this.state.image_height)} source={this.state.image ? { uri: this.state.image } : null} /> <View style={styles.image_container(this.state.image_height)}>
</View> <Image style={styles.image(this.state.image_height)} source={this.state.image ? { uri: this.state.image } : null} />
<View style={styles.content}> </View>
<Text style={styles.title}>{this.state.title}</Text> <View style={styles.content}>
<View style={{ backgroundColor: '#adadad', height: 1.5, flex: 1, marginBottom: 5 }} /> <Text style={styles.title}>{this.state.title}</Text>
<HTML html={this.state.content} tagsStyles={{ <View style={{ backgroundColor: '#adadad', height: 1.5, flex: 1, marginBottom: 5 }} />
p: { fontSize: 12, color: '#838383', fontFamily: 'Gotham-Light' }, <HTML html={this.state.content} tagsStyles={{
blockquote: { backgroundColor: "#f1f1f1", padding: 12, paddingBottom: 0, marginTop: 0 }, p: { fontSize: 12, color: '#838383', fontFamily: 'Gotham-Light' },
li: { fontSize: 12, color: '#838383', fontFamily: 'Gotham-Light', marginBottom : 0 }, blockquote: { backgroundColor: "#f1f1f1", padding: 12, paddingBottom: 0, marginTop: 0 },
ul: { fontSize: 12, color: '#838383', fontFamily: 'Gotham-Light', marginVertical: 5, marginBottom : -10 }, li: { fontSize: 12, color: '#838383', fontFamily: 'Gotham-Light', marginBottom : 0 },
ul: { fontSize: 12, color: '#838383', fontFamily: 'Gotham-Light', marginVertical: 5, marginBottom : -10 },
}}
ignoredTags={['br']} }}
ignoredStyles={['font-family','&nbsp;', '&amp;']} /> ignoredTags={['br']}
</View> ignoredStyles={['font-family','&nbsp;', '&amp;']} />
</ScrollView> </View>
</View> </ScrollView>
) </View>
)
} catch (error) {
Alert.alert('Error' + error)
}
} }
} }
......
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment