ordering-ui-react-native 0.11.22 → 0.11.23

package/package.json

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

package/themes/business/src/components/OrdersOption/index.tsx

@@ -47,6 +47,7 @@ const OrdersOptionUI = (props: OrdersOptionParams) => {
     loadOrders,
     loadMoreOrders,
     onNavigationRedirect,
+    handleClickOrder
   } = props;
 
   const theme = useTheme();
@@ -328,6 +329,7 @@ const OrdersOptionUI = (props: OrdersOptionParams) => {
             orders={currentOrdersGroup.orders}
             onNavigationRedirect={onNavigationRedirect}
             getOrderStatus={getOrderStatus}
+            handleClickOrder={handleClickOrder}
           />
         )}
 

package/themes/business/src/components/PreviousOrders/index.tsx

@@ -3,15 +3,17 @@ import { StyleSheet, TouchableOpacity } from 'react-native';
 import { useTheme } from 'styled-components/native';
 import { useLanguage, useUtils } from 'ordering-components/native';
 import { OIcon, OText } from '../shared';
-import { Card, Logo, Information, MyOrderOptions } from './styles';
+import { Card, Logo, Information, MyOrderOptions, NotificationIcon } from './styles';
+import EntypoIcon from 'react-native-vector-icons/Entypo'
 
 export const PreviousOrders = (props: any) => {
-  const { orders, onNavigationRedirect, getOrderStatus } = props;
+  const { orders, onNavigationRedirect, getOrderStatus, handleClickOrder } = props;
   const [, t] = useLanguage();
   const [{ parseDate, optimizeImage }] = useUtils();
   const theme = useTheme();
 
   const handlePressOrder = (order: any) => {
+    handleClickOrder && handleClickOrder(order)
     onNavigationRedirect &&
       onNavigationRedirect('OrderDetails', { order: order });
   };
@@ -96,12 +98,17 @@ export const PreviousOrders = (props: any) => {
                   />
                 </Logo>
               )}
-
               <Information>
                 <OText numberOfLines={1} style={styles.title}>
                   {order.business?.name}
                 </OText>
-
+                <NotificationIcon>
+                  <EntypoIcon
+                    name="dot-single"
+                    size={32}
+                    color={theme.colors.primary}
+                  />
+                </NotificationIcon>
                 <OText
                   style={styles.date}
                   numberOfLines={1}

package/themes/business/src/components/PreviousOrders/styles.tsx

@@ -13,6 +13,7 @@ export const Logo = styled.View`
 `;
 
 export const Information = styled.View`
+  position: relative;
   justify-content: flex-start;
   margin-horizontal: 10px;
   flex: 1;
@@ -23,3 +24,8 @@ export const MyOrderOptions = styled.View`
   flex-direction: column;
   justify-content: space-between;
 `;
+
+export const NotificationIcon = styled.View`
+  position: absolute;
+  left: 90%;
+`

package/themes/business/src/types/index.tsx

@@ -275,6 +275,7 @@ export interface OrdersOptionParams {
   ordersGroup?: any;
   setOrdersGroup?: any;
   setCurrentFilters?: any;
+  handleClickOrder?: any;
 }
 export interface ActiveOrdersParams {
   orders?: any;