Commit 06423dde authored by Trisno's avatar Trisno

item sold out

parent 20ab641b
...@@ -114,7 +114,7 @@ class Item extends React.Component { ...@@ -114,7 +114,7 @@ class Item extends React.Component {
<View style={{ marginLeft: 5, marginRight: 5 }}> <View style={{ marginLeft: 5, marginRight: 5 }}>
{ {
item.motm ? ( item.motm ? (
<View style={{ marginLeft : 5, flexDirection:'row', alignItems:'center' }}> <View style={{ marginLeft: 5, flexDirection: 'row', alignItems: 'center' }}>
<Icon <Icon
name='star' name='star'
type='font-awesome' type='font-awesome'
...@@ -131,38 +131,47 @@ class Item extends React.Component { ...@@ -131,38 +131,47 @@ class Item extends React.Component {
<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' }}>
<TouchableOpacity style={{ justifyContent: 'center' }} onPress={() => this.handleAddDescription()}> {
<View style={styles.shadowEdit}> item.sold_out == true ? (
<Icon <Text style={{ fontSize: 14, margin: 5, marginRight: 10, fontFamily: 'Gotham-Black', color: '#838383' }}>Sold Out</Text>
name='pencil' ) : (
type='simple-line-icon' <>
color='#838383' <TouchableOpacity style={{ justifyContent: 'center' }} onPress={() => this.handleAddDescription()}>
size={18} <View style={styles.shadowEdit}>
/> <Icon
</View> name='pencil'
</TouchableOpacity> type='simple-line-icon'
<View style={styles.shadowAdd}> color='#838383'
<TouchableOpacity style={{ alignSelf: 'center' }} onPress={() => this.props.handleMin()}> size={18}
<Icon />
name='minus' </View>
type='font-awesome' </TouchableOpacity>
color='#CFB368' <View style={styles.shadowAdd}>
size={18} <TouchableOpacity style={{ alignSelf: 'center' }} onPress={() => this.props.handleMin()}>
/> <Icon
</TouchableOpacity> name='minus'
<TextInput type='font-awesome'
style={{ padding: 2, textAlign: 'center', fontFamily: 'Gotham-Black', color: '#838383', fontSize: 14, marginRight: 5, marginLeft: 5 }} color='#CFB368'
keyboardType={'numeric'} size={18}
onChangeText={(qty) => this.handleChangeQuantity(item, qty)}>{item.qty}</TextInput> />
<TouchableOpacity style={{ alignSelf: 'center' }} onPress={() => this.props.handleAdd()}> </TouchableOpacity>
<Icon <TextInput
name='plus' style={{ padding: 2, textAlign: 'center', fontFamily: 'Gotham-Black', color: '#838383', fontSize: 14, marginRight: 5, marginLeft: 5 }}
type='font-awesome' keyboardType={'numeric'}
color='#CFB368' onChangeText={(qty) => this.handleChangeQuantity(item, qty)}>{item.qty}</TextInput>
size={18} <TouchableOpacity style={{ alignSelf: 'center' }} onPress={() => this.props.handleAdd()}>
/> <Icon
</TouchableOpacity> name='plus'
</View> type='font-awesome'
color='#CFB368'
size={18}
/>
</TouchableOpacity>
</View>
</>
)
}
</View> </View>
</View> </View>
</View> </View>
......
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