tampilin notenya di list item di halaman menu & cart

view/Item.js

@@ -173,6 +173,14 @@ class Item extends React.Component {
                                         }
 
                                     </View>
+                                    {
+                                        item.note != undefined && item.note != '' ? (
+                                            <View style={{ marginLeft: 5, marginRight: 5 }}>
+                                                <Text style={{ fontSize: 12, marginTop: 8, marginHorizontal:5, fontFamily: 'Gotham-Light', color: '#838383' }}>{item.note}</Text> 
+                                            </View>
+                                        ):( false )
+                                    }
+                                    
                                 </View>
                             </View>
                         )}

view/ItemShopingCart.js

@@ -112,7 +112,7 @@ class ItemShoping extends React.Component {
                     </View>
                     <View style={{ flex: 2  }}>
                         <View style={{ marginLeft: 5, marginRight: 5 }}>
-                            <Text style={{ fontSize: 14, margin: 5, marginRight: 10, fontFamily: 'Gotham-Black', color: '#838383' }}>{item.name}</Text>
+                            <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={''} />
                         </View>
                         <View style={{ marginLeft: 5, marginRight: 5, flexDirection: 'row' }}>
@@ -149,6 +149,13 @@ class ItemShoping extends React.Component {
                                 </TouchableOpacity>
                             </View>
                         </View>
+                        {
+                            item.note != undefined && item.note != '' ? (
+                                <View style={{ marginLeft: 5, marginRight: 5 }}>
+                                    <Text style={{ fontSize: 12, marginTop: 8, marginHorizontal:5, fontFamily: 'Gotham-Light', color: '#838383' }}>{item.note}</Text> 
+                                </View>
+                            ):( false )
+                        }
                     </View>
                 </View>
             </View>