ordering-ui-react-native 0.15.21 → 0.15.22

package/package.json

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

package/src/components/OrderDetails/index.tsx

@@ -1,5 +1,5 @@
-import React, { useState, useEffect } from 'react'
-import { View, StyleSheet, BackHandler, TouchableOpacity, I18nManager } from 'react-native'
+import React, { useState, useEffect, useRef } from 'react'
+import { View, StyleSheet, BackHandler, TouchableOpacity, I18nManager, AppState } from 'react-native'
 import LinearGradient from 'react-native-linear-gradient'
 import { Fade, Placeholder, PlaceholderLine } from 'rn-placeholder';
 import MaterialCommunityIcon from 'react-native-vector-icons/MaterialCommunityIcons'
@@ -64,7 +64,8 @@ export const OrderDetailsUI = (props: OrderDetailsParams) => {
     isFromRoot,
     driverLocation,
     goToBusinessList,
-    onNavigationRedirect
+    onNavigationRedirect,
+    getOrder
   } = props
 
   const theme = useTheme()
@@ -108,6 +109,8 @@ export const OrderDetailsUI = (props: OrderDetailsParams) => {
   const [isReviewed, setIsReviewed] = useState(false)
   const [openOrderCreating, setOpenOrderCreating] = useState(false)
   const [openTaxModal, setOpenTaxModal] = useState<any>({ open: false, tax: null, type: '' })
+  const appState = useRef(AppState.currentState)
+
   const { order, loading, businessData, error } = props.order
 
   const getOrderStatus = (s: string) => {
@@ -256,6 +259,24 @@ export const OrderDetailsUI = (props: OrderDetailsParams) => {
     })
   }, [])
 
+  useEffect(() => {
+    const onFocusApp = (nextAppState: any) => {
+      if (
+        appState.current.match(/inactive|background/) &&
+        nextAppState === "active"
+      ) {
+        getOrder && getOrder()
+      }
+      appState.current = nextAppState;
+    }
+
+    AppState.addEventListener("change", onFocusApp);
+    return () => {
+      AppState.removeEventListener('change', onFocusApp);
+    };
+  }, [])
+
+
   return (
     <OrderDetailsContainer keyboardShouldPersistTaps='handled'>
       {order && order?.id && !error && !loading && (

package/src/types/index.tsx

@@ -287,6 +287,7 @@ export interface OrderDetailsParams {
   isFromRoot?: any;
   goToBusinessList?: any;
   onNavigationRedirect?: any;
+  getOrder?: () => {}
 }
 export interface ProductItemAccordionParams {
   key?: any;