benerin bug item pas di klik force close

redux/globalReducer.js

@@ -383,7 +383,7 @@ const rootReducer = (state = globalState, action) => {
                             update.quantity = 1
                         }
                         update.quantity += 1
-                        console.log('Update : ' + JSON.stringify(update))
+                        // console.log('Update : ' + JSON.stringify(update))
                         data = { ...old_data, ...update }
                     }
 
@@ -394,7 +394,7 @@ const rootReducer = (state = globalState, action) => {
             } else {
                 // add
                 addedItem.quantity = 1
-                console.log('Baru : ' + JSON.stringify(addedItem))
+                // console.log('Baru : ' + JSON.stringify(addedItem))
                 order_item = [...state.order_item, addedItem]
             }
 
@@ -590,7 +590,7 @@ const rootReducer = (state = globalState, action) => {
                 let quantity = state.order_quantity
                 let total = parseInt(state.order_total) - parseInt(addedItem.price)
 
-                console.log("UPDATE " + order_item)
+                // console.log("UPDATE " + order_item)
             }
 
             return {

view/Item.js

@@ -61,9 +61,7 @@ class Item extends React.Component {
     render() {
         const { item } = this.props
         return (
-            <View style={{ flex: 1, margin: 10 }} key={item.id} ref={this.props._scrollView}>
-
-               
+            <View style={{ flex: 1, margin: 10 }}>
                     {item.code == 'CATEGORY' ? (
                         <Text style={{ fontSize: 15, color: '#c9af6d', fontFamily: 'Gotham-Black' }}>{item.name}</Text>
                     ) : (
@@ -103,13 +101,13 @@ class Item extends React.Component {
                                         </View>
                                     </View>
                                 </Modal>
-                                <View style={{ flex: 1 }}>
+                                <View style={{ flex: 0.6 }}>
                                     <TouchableOpacity onPress={() => this.props.navigation.navigate('Menu Detail', { nameMenu: item.name, desc: item.description, image: item.image })}>
                                         {/* <Image source={{ uri: item.image }} style={{ height: 100, width: 100, borderRadius: 10, }}></Image> */}
                                         <Image style={{ height: 100, width: 100, borderRadius: 10, }} source={item.image ? {uri: item.image } : null} />
                                     </TouchableOpacity>
                                 </View>
-                                <View style={{ flex: 1}}>
+                                <View style={{ flex: 0.7}}>
                                     <View style={{ marginLeft: 5, marginRight: 5 }}>
                                         {
                                             item.motm ? (

view/MenuSelection.js

@@ -31,8 +31,8 @@ class MenuSelection extends React.Component {
       indicator: true,
       my_lat: 0,
       my_long: 0,
-      data:[],
-      data_before_search: this.props.menu_item,
+      data: [],
+      data_before_search: '',
       note: ''
     }
   }
@@ -140,11 +140,7 @@ class MenuSelection extends React.Component {
 
       let data = res.data.data
       // console.log("INI DATANYA" + JSON.stringify(data))
-      this.setState({
-        listCategory: data.category,
-        listMenu: data.menu,
-        indicator: false
-      })
+
 
       // let last_category = ''
       // let list_menu = []
@@ -177,8 +173,11 @@ class MenuSelection extends React.Component {
       // })
 
       this.props.updateMenu(data.menu)
-
       this.setState({
+        listCategory: data.category,
+        listMenu: data.menu,
+        indicator: false,
+        data_before_search: this.props.menu_item,
         indicator: false
       })
 
@@ -191,18 +190,26 @@ class MenuSelection extends React.Component {
   }
 
   filterSubcategory = (item) => {
-    let index_start = _.findIndex(this.props.menu_item, ['name', item.name])
-    let index_next_category = _.findIndex(this.state.listCategory, ['name', item.name]) + 1
-    let next_category = this.state.listCategory[index_next_category]
-    let index_end = _.findIndex(this.props.menu_item, ['name', next_category.name])
-    let filter_item = this.props.menu_item.slice(index_start, index_end);
-
-    this.setState({
-      data_before_search: filter_item
-    })
+    try {
+      let index_start = _.findIndex(this.props.menu_item, ['name', item.name])
+      let index_next_category = _.findIndex(this.state.listCategory, ['name', item.name]) + 1
+      let next_category = this.state.listCategory[index_next_category]
+      let index_end = _.findIndex(this.props.menu_item, ['name', next_category.name])
+      let filter_item = this.props.menu_item.slice(index_start, index_end);
+    
 
+      this.setState({
+        data_before_search: filter_item
+      })
+    } catch (error) {
+      let index_start = _.findIndex(this.props.menu_item, ['name', item.name])
+      let index_end = item.length - 1
+      let filter_item = this.props.menu_item.slice(index_start, index_end);
+      this.setState({
+        data_before_search: filter_item
+      })
+    }
   }
-  
 
   renderTabBar = ({ item }) => {
     return (
@@ -220,7 +227,6 @@ class MenuSelection extends React.Component {
     )
   }
 
-
   renderItem = ({ item, index }) => {
     return (
       <View>
@@ -275,10 +281,6 @@ class MenuSelection extends React.Component {
     // })
   }
 
-
-
-
-
   clearNegatif(item, index) {
     const list_order_item = this.props.order_item;
     for (let i = 0; i < list_order_item.length; index++) {
@@ -333,13 +335,13 @@ class MenuSelection extends React.Component {
     }
   }
 
-  getItemLayout = (data, index) => (
-    {
-      length: 100,
-      offset: 100 * index,
-      index
-    }
-  )
+  // getItemLayout = (data, index) => (
+  //   {
+  //     length: 100,
+  //     offset: 100 * index,
+  //     index
+  //   }
+  // )
 
   // setLastIndex = (index) => {
   //   las
@@ -371,18 +373,18 @@ class MenuSelection extends React.Component {
             <ActivityIndicator style={{ top: 10 }} size="large" color="#c9af6d" />
           ) : (
               this.state.data_before_search.length > 0 ? (
-              <FlatList
-                data={this.state.data_before_search}
-                renderItem={this.renderItem}
-                keyExtractor={item => item.id}
-                ref={(ref) => { this.flatListRef = ref; }}
-                initialNumToRender={5}
-                maxToRenderPerBatch={10}
-                windowSize={10}
-              />
-              ):(
-                <Text style={{ flexWrap: 'wrap', fontFamily: 'Gotham-Light', color: '#b1b1b2', textAlign: 'center',top:20 }}> Tidak Ada Menu untuk kategory ini !</Text>
-              )
+                <FlatList
+                  data={this.state.data_before_search}
+                  renderItem={this.renderItem}
+                  keyExtractor={item => item.id}
+                  ref={(ref) => { this.flatListRef = ref; }}
+                  initialNumToRender={5}
+                  maxToRenderPerBatch={10}
+                  windowSize={10}
+                />
+              ) : (
+                  <Text style={{ flexWrap: 'wrap', fontFamily: 'Gotham-Light', color: '#b1b1b2', textAlign: 'center', top: 20 }}> Tidak Ada Menu untuk kategory ini !</Text>
+                )
             )}
         </View>
         <View>