ordering-ui-react-native 0.23.94 → 0.23.95

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ordering-ui-react-native",
-  "version": "0.23.94",
+  "version": "0.23.95",
   "description": "Reusable components made in react native",
   "main": "src/index.tsx",
   "author": "ordering.inc",

package/themes/original/src/components/BusinessListingSearch/index.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react'
+import React, { useEffect, useMemo, useState } from 'react'
 import { useLanguage, BusinessSearchList, useOrder, useUtils, useEvent, showToast, ToastType } from 'ordering-components/native'
 import { ScrollView, StyleSheet, Dimensions, FlatList } from 'react-native'
 import { useTheme } from 'styled-components/native'
@@ -164,10 +164,14 @@ export const BusinessListingSearchUI = (props: BusinessSearchParams) => {
     handleChangeTermValue('')
   }, [isFocused])
 
+  const businessFiltered = useMemo(() => {
+    return businessesSearchList.businesses?.filter((business: any) => business?.categories?.length > 0)
+  }, [businessesSearchList.businesses])
+
   return (
     <>
       <FlatList
-        data={businessesSearchList.businesses?.filter((business: any) => business?.categories?.length > 0)}
+        data={businessFiltered}
         ListFooterComponent={<BusinessSearchFooter
           businessesSearchList={businessesSearchList}
           handleCloseFilters={handleCloseFilters}