ordering-ui-react-native 0.10.3 → 0.11.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +2 -1
- package/themes/business/index.tsx +12 -12
- package/themes/business/src/components/AcceptOrRejectOrder/index.tsx +49 -43
- package/themes/business/src/components/AcceptOrRejectOrder/styles.tsx +4 -10
- package/themes/business/src/components/Chat/index.tsx +97 -60
- package/themes/business/src/components/DriverMap/index.tsx +196 -183
- package/themes/business/src/components/FloatingButton/index.tsx +61 -43
- package/themes/business/src/components/FloatingButton/styles.tsx +2 -5
- package/themes/business/src/components/GoogleMap/index.tsx +10 -8
- package/themes/business/src/components/Home/index.tsx +2 -5
- package/themes/business/src/components/Home/styles.tsx +1 -2
- package/themes/business/src/components/LanguageSelector/index.tsx +1 -3
- package/themes/business/src/components/MessagesOption/index.tsx +13 -18
- package/themes/business/src/components/MessagesOption/styles.tsx +3 -0
- package/themes/business/src/components/OrderDetails/Business.tsx +642 -0
- package/themes/business/src/components/OrderDetails/Delivery.tsx +436 -0
- package/themes/business/src/components/OrderDetails/OrderContentComponent.tsx +378 -0
- package/themes/business/src/components/OrderDetails/OrderHeaderComponent.tsx +148 -0
- package/themes/business/src/components/OrderDetails/styles.tsx +16 -74
- package/themes/business/src/components/OrderMessage/index.tsx +5 -2
- package/themes/business/src/components/OrdersOption/index.tsx +344 -302
- package/themes/business/src/components/OrdersOption/styles.tsx +4 -2
- package/themes/business/src/components/PreviousMessages/index.tsx +15 -8
- package/themes/business/src/components/PreviousOrders/index.tsx +86 -141
- package/themes/business/src/components/PreviousOrders/styles.tsx +4 -3
- package/themes/business/src/components/UserProfileForm/index.tsx +73 -6
- package/themes/business/src/components/UserProfileForm/styles.tsx +0 -2
- package/themes/business/src/components/shared/OModal.tsx +9 -7
- package/themes/business/src/components/shared/OTextarea.tsx +2 -1
- package/themes/business/src/layouts/SafeAreaContainer.tsx +2 -2
- package/themes/business/src/types/index.tsx +24 -13
- package/themes/business/src/utils/index.tsx +160 -0
- package/themes/business/src/components/OrderDetails/index.tsx +0 -1262
- package/themes/business/src/components/OrderDetailsDelivery/index.tsx +0 -1056
- package/themes/business/src/components/OrderDetailsDelivery/styles.tsx +0 -142
|
@@ -1,142 +0,0 @@
|
|
|
1
|
-
import styled from 'styled-components/native';
|
|
2
|
-
|
|
3
|
-
export const OrderDetailsContainer = styled.ScrollView`
|
|
4
|
-
flex: 1;
|
|
5
|
-
padding-horizontal: 20px;
|
|
6
|
-
margin-bottom: 50px;
|
|
7
|
-
`;
|
|
8
|
-
|
|
9
|
-
export const Pickup = styled.View`
|
|
10
|
-
padding-vertical: 10px;
|
|
11
|
-
margin-bottom: 5px;
|
|
12
|
-
`;
|
|
13
|
-
|
|
14
|
-
export const NavBack = styled.TouchableOpacity``;
|
|
15
|
-
|
|
16
|
-
export const Header = styled.View`
|
|
17
|
-
flex-direction: row;
|
|
18
|
-
justify-content: space-between;
|
|
19
|
-
padding-top: 10px;
|
|
20
|
-
padding-horizontal: 20px;
|
|
21
|
-
`;
|
|
22
|
-
|
|
23
|
-
export const DriverItem = styled.View`
|
|
24
|
-
padding: 15px;
|
|
25
|
-
justify-content: space-between;
|
|
26
|
-
align-items: center;
|
|
27
|
-
flex-direction: row;
|
|
28
|
-
justify-content: ${(props: any) =>
|
|
29
|
-
props?.justifyContent ? props?.justifyContent : 'flex-start'};
|
|
30
|
-
`;
|
|
31
|
-
|
|
32
|
-
export const Actions = styled.View`
|
|
33
|
-
flex-direction: row;
|
|
34
|
-
justify-content: flex-end;
|
|
35
|
-
`;
|
|
36
|
-
|
|
37
|
-
export const Logo = styled.View`
|
|
38
|
-
margin-right: 20px;
|
|
39
|
-
`;
|
|
40
|
-
|
|
41
|
-
export const OrderContent = styled.View`
|
|
42
|
-
flex: 1;
|
|
43
|
-
`;
|
|
44
|
-
|
|
45
|
-
export const OrderHeader = styled.View`
|
|
46
|
-
padding-vertical: 10px;
|
|
47
|
-
border-bottom-width: 10px;
|
|
48
|
-
border-bottom-color: ${(props: any) => props.theme.colors.inputChat};
|
|
49
|
-
padding-horizontal: 20px;
|
|
50
|
-
`;
|
|
51
|
-
|
|
52
|
-
export const OrderBusiness = styled.View`
|
|
53
|
-
bottom: 10px;
|
|
54
|
-
padding-vertical: 10px;
|
|
55
|
-
flex-direction: column;
|
|
56
|
-
`;
|
|
57
|
-
export const Icons = styled.View`
|
|
58
|
-
margin-top: 10px;
|
|
59
|
-
display: flex;
|
|
60
|
-
flex-direction: row;
|
|
61
|
-
align-items: center;
|
|
62
|
-
`;
|
|
63
|
-
|
|
64
|
-
export const OrderInfo = styled.View`
|
|
65
|
-
padding: 20px;
|
|
66
|
-
flex: 1;
|
|
67
|
-
`;
|
|
68
|
-
|
|
69
|
-
export const OrderData = styled.View`
|
|
70
|
-
flex: 1;
|
|
71
|
-
`;
|
|
72
|
-
|
|
73
|
-
export const OrderStatus = styled.View`
|
|
74
|
-
padding: 20px;
|
|
75
|
-
align-items: center;
|
|
76
|
-
width: 35%;
|
|
77
|
-
flex-wrap: wrap;
|
|
78
|
-
`;
|
|
79
|
-
|
|
80
|
-
export const StaturBar = styled.View``;
|
|
81
|
-
|
|
82
|
-
export const StatusImage = styled.View``;
|
|
83
|
-
|
|
84
|
-
export const SectionTitle = styled.View``;
|
|
85
|
-
|
|
86
|
-
export const OrderCustomer = styled.View`
|
|
87
|
-
padding-vertical: 10px;
|
|
88
|
-
border-bottom-width: 10px;
|
|
89
|
-
border-bottom-color: ${(props: any) => props.theme.colors.inputChat};
|
|
90
|
-
`;
|
|
91
|
-
|
|
92
|
-
export const OrderDriver = styled(OrderCustomer)``;
|
|
93
|
-
|
|
94
|
-
export const Customer = styled.View`
|
|
95
|
-
flex-direction: row;
|
|
96
|
-
align-items: center;
|
|
97
|
-
`;
|
|
98
|
-
|
|
99
|
-
export const CustomerPhoto = styled.View`
|
|
100
|
-
margin-right: 20px;
|
|
101
|
-
`;
|
|
102
|
-
|
|
103
|
-
export const InfoBlock = styled.View`
|
|
104
|
-
width: 70%;
|
|
105
|
-
`;
|
|
106
|
-
|
|
107
|
-
export const HeaderInfo = styled.View`
|
|
108
|
-
flex: 1;
|
|
109
|
-
width: 80%;
|
|
110
|
-
`;
|
|
111
|
-
|
|
112
|
-
export const OrderProducts = styled(OrderCustomer)``;
|
|
113
|
-
|
|
114
|
-
export const Table = styled.View`
|
|
115
|
-
flex-direction: row;
|
|
116
|
-
justify-content: space-between;
|
|
117
|
-
flex: 1;
|
|
118
|
-
align-items: center;
|
|
119
|
-
`;
|
|
120
|
-
|
|
121
|
-
export const OrderBill = styled.View`
|
|
122
|
-
padding-vertical: 10px;
|
|
123
|
-
flex: 1;
|
|
124
|
-
`;
|
|
125
|
-
|
|
126
|
-
export const Total = styled.View`
|
|
127
|
-
border-top-width: 1px;
|
|
128
|
-
border-top-color: ${(props: any) => props.theme.colors.borderTops};
|
|
129
|
-
padding-vertical: 10px;
|
|
130
|
-
`;
|
|
131
|
-
|
|
132
|
-
export const Map = styled.View`
|
|
133
|
-
width: 100%;
|
|
134
|
-
height: 90%;
|
|
135
|
-
margin-top: 20px;
|
|
136
|
-
border-radius: 20px;
|
|
137
|
-
`;
|
|
138
|
-
|
|
139
|
-
export const AssignDriver = styled.View`
|
|
140
|
-
padding-vertical: 10px;
|
|
141
|
-
margin-bottom: 10px;
|
|
142
|
-
`;
|