Skip to content

C
clone_excelso
Commit 4fff1efc authored by Trisno's avatar Trisno
Browse files
Options

motm tambah icon di menu

parent 522814a7
Hide whitespace changes
Inline Side-by-side
Showing with 19 additions and 4 deletions
view/Item.js
View file @ 4fff1efc
...@@ -112,7 +112,22 @@ class Item extends React.Component { ...@@ -112,7 +112,22 @@ class Item extends React.Component {
</View> </View>
<View style={{ flex: 2, height: 150 }}> <View style={{ flex: 2, height: 150 }}>
<View style={{ marginLeft: 5, marginRight: 5 }}> <View style={{ marginLeft: 5, marginRight: 5 }}>
<Text style={{ fontSize: 14, margin: 5, marginRight: 10, fontFamily: 'Gotham-Black', color: '#838383' }}>{item.name}</Text> {
item.motm ? (
<View style={{ marginLeft : 5, flexDirection:'row', alignItems:'center' }}>
<Icon
name='star'
type='font-awesome'
color='#CFB368'
size={14}
/>
<Text style={{ fontSize: 14, margin: 5, marginRight: 10, fontFamily: 'Gotham-Black', color: '#838383' }}>{item.name}</Text>
</View>
) : (
<Text style={{ fontSize: 14, margin: 5, marginRight: 10, fontFamily: 'Gotham-Black', color: '#838383' }}>{item.name}</Text>
)
}
<NumberFormat decimalScale={0} value={item.price} renderText={value => <Text style={{ fontSize: 14, margin: 5, marginRight: 10, fontFamily: 'Gotham-Light', color: 'grey' }}>Rp. {value}</Text>} displayType={'text'} thousandSeparator={true} prefix={''} /> <NumberFormat decimalScale={0} value={item.price} renderText={value => <Text style={{ fontSize: 14, margin: 5, marginRight: 10, fontFamily: 'Gotham-Light', color: 'grey' }}>Rp. {value}</Text>} displayType={'text'} thousandSeparator={true} prefix={''} />
</View> </View>
<View style={{ marginLeft: 5, marginRight: 5, flexDirection: 'row' }}> <View style={{ marginLeft: 5, marginRight: 5, flexDirection: 'row' }}>
...@@ -153,7 +168,7 @@ class Item extends React.Component { ...@@ -153,7 +168,7 @@ class Item extends React.Component {
</View> </View>
)} )}
</ScrollView> </ScrollView>
</View> </View >
) )
} }
} }
......
view/TopUpInfo.js
View file @ 4fff1efc
...@@ -46,12 +46,12 @@ export default class TopUpInfo extends React.Component { ...@@ -46,12 +46,12 @@ export default class TopUpInfo extends React.Component {
<View style={styles.item_container} key={i}> <View style={styles.item_container} key={i}>
<Collapse> <Collapse>
<CollapseHeader> <CollapseHeader>
<View style={{ flexDirection: 'row', height: 30, margin:20}}> <View style={{ flexDirection: 'row', height: 30, margin: 20 }}>
<Text style={styles.item_title}>{item.title}</Text> <Text style={styles.item_title}>{item.title}</Text>
<Image style={styles.item_image} source={item.title_thumb ? { uri: item.title_thumb } : null} /> <Image style={styles.item_image} source={item.title_thumb ? { uri: item.title_thumb } : null} />
</View> </View>
</CollapseHeader> </CollapseHeader>
<CollapseBody> <CollapseBody style={{ marginHorizontal: 20 }}>
<HTML html={item.content} tagsStyles={{ p: { fontFamily: 'Gotham-Light', marginTop: 8, marginBottom: 8, color: '#adadad' }, blockquote: { backgroundColor: "#f1f1f1", padding: 12, paddingBottom: 0, marginTop: 6, color: '#adadad' }, ul: { fontFamily: 'Gotham-Light', marginLeft: 0, color: '#adadad', paddingLeft: 0 }, li: { fontFamily: 'Gotham-Light', marginLeft: 0, color: '#adadad', paddingLeft: 0 } }} /> <HTML html={item.content} tagsStyles={{ p: { fontFamily: 'Gotham-Light', marginTop: 8, marginBottom: 8, color: '#adadad' }, blockquote: { backgroundColor: "#f1f1f1", padding: 12, paddingBottom: 0, marginTop: 6, color: '#adadad' }, ul: { fontFamily: 'Gotham-Light', marginLeft: 0, color: '#adadad', paddingLeft: 0 }, li: { fontFamily: 'Gotham-Light', marginLeft: 0, color: '#adadad', paddingLeft: 0 } }} />
</CollapseBody> </CollapseBody>
</Collapse> </Collapse>
......
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