ordering-ui-react-native 0.12.29 → 0.12.30

package/package.json

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

package/themes/business/src/components/OrderDetails/Business.tsx

@@ -442,6 +442,7 @@ export const OrderDetailsUI = (props: OrderDetailsParams) => {
                       style={{
                         backgroundColor: theme.colors.inputChat,
                         borderRadius: 7.5,
+                        marginBottom: 20
                       }}>
                       <CountryPicker
                         // @ts-ignore

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

@@ -5,7 +5,7 @@ export const OrderDetailsContainer = styled.ScrollView`
 `;
 
 export const Pickup = styled.View`
-  padding-vertical: 10px;
+  padding-vertical: 20px;
   margin-bottom: 20px;
 `;
 

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

@@ -309,25 +309,6 @@ const OrdersOptionUI = (props: OrdersOptionParams) => {
           />
         </IconWrapper>
       </View>
-      {isBusinessApp && (
-        <View style={{ flex: 1, flexDirection: 'row', justifyContent: 'flex-start', maxHeight: 40 }}>
-          <OIcon
-            src={theme.images.general.information}
-            width={12}
-            height={12}
-            color={theme.colors.skyBlue}
-            style={{ marginRight: 5 }}
-          />
-          <OText size={12}>
-            {t('MORE_SETTINGS_GO_TO', 'For more settings go to ')}
-          </OText>
-          <TouchableOpacity onPress={() => { Linking.openURL('https://new-admin.tryordering.com/') }}>
-            <OText size={12} color={theme.colors.skyBlue}>
-              {t('LINK_MORE_SETTINGS_GO_TO', 'new-admin.ordering.co')}
-            </OText>
-          </TouchableOpacity>
-        </View>
-      )}
       <FiltersTab>
         <ScrollView
           ref={scrollRefTab}
@@ -524,80 +505,82 @@ const OrdersOptionUI = (props: OrdersOptionParams) => {
       {/* </GestureRecognizer> */}
 
       <NewOrderNotification />
-      <OModal open={openModal} entireModal customClose>
-        <ModalContainer
-          nestedScrollEnabled={true}
-        >
-          <OIconButton
-            icon={theme.images.general.arrow_left}
-            borderColor={theme.colors.clear}
-            iconColor={theme.colors.backArrow}
-            iconStyle={{ width: 20, height: 13 }}
-            style={{
-              maxWidth: 40,
-              height: 35,
-              justifyContent: 'flex-end',
-              marginBottom: 30,
-              marginTop: 30
-            }}
-            onClick={() => setOpenModal(false)}
-          />
-          <ModalTitle>{t('SEARCH_ORDERS', 'Search orders')}</ModalTitle>
-          <OInput
-            value={search.id}
-            onChange={(value: any) => setSearch({ ...search, id: value })}
-            style={styles.inputStyle}
-            placeholder={t('ORDER_NUMBER', 'Order number')}
-            autoCorrect={false}
-          />
-          <OrdersOptionDate
-            {...props}
-            search={search}
-            onSearch={setSearch}
-          />
-          <OrdersOptionCity
-            {...props}
-            search={search}
-            onSearch={setSearch}
-          />
-          {isBusinessApp && (
-            <>
-              <OrdersOptionBusiness
-                {...props}
-                search={search}
-                onSearch={setSearch}
-              />
-              <OrdersOptionDelivery
-                {...props}
-                search={search}
-                onSearch={setSearch}
-              />
-              <OrdersOptionDriver
-                {...props}
-                search={search}
-                onSearch={setSearch}
-              />
-              <OrdersOptionPaymethod
-                {...props}
-                search={search}
-                onSearch={setSearch}
-              />
-            </>
-          )}
-          <OButton
-            text={t('SEARCH', 'Search')}
-            textStyle={{ color: theme.colors.white }}
-            imgRightSrc={null}
-            style={{
-              borderRadius: 7.6,
-              marginBottom: 70,
-              marginTop: 60,
-              zIndex: 12
-            }}
-            onClick={applyFilters}
-          />
-        </ModalContainer>
-      </OModal>
+      {openModal && (
+        <OModal open={openModal} entireModal customClose>
+          <ModalContainer
+            nestedScrollEnabled={true}
+          >
+            <OIconButton
+              icon={theme.images.general.arrow_left}
+              borderColor={theme.colors.clear}
+              iconColor={theme.colors.backArrow}
+              iconStyle={{ width: 20, height: 13 }}
+              style={{
+                maxWidth: 40,
+                height: 35,
+                justifyContent: 'flex-end',
+                marginBottom: 30,
+                marginTop: 30
+              }}
+              onClick={() => setOpenModal(false)}
+            />
+            <ModalTitle>{t('SEARCH_ORDERS', 'Search orders')}</ModalTitle>
+            <OInput
+              value={search.id}
+              onChange={(value: any) => setSearch({ ...search, id: value })}
+              style={styles.inputStyle}
+              placeholder={t('ORDER_NUMBER', 'Order number')}
+              autoCorrect={false}
+            />
+            <OrdersOptionDate
+              {...props}
+              search={search}
+              onSearch={setSearch}
+            />
+            <OrdersOptionCity
+              {...props}
+              search={search}
+              onSearch={setSearch}
+            />
+            {isBusinessApp && (
+              <>
+                <OrdersOptionBusiness
+                  {...props}
+                  search={search}
+                  onSearch={setSearch}
+                />
+                <OrdersOptionDelivery
+                  {...props}
+                  search={search}
+                  onSearch={setSearch}
+                />
+                <OrdersOptionDriver
+                  {...props}
+                  search={search}
+                  onSearch={setSearch}
+                />
+                <OrdersOptionPaymethod
+                  {...props}
+                  search={search}
+                  onSearch={setSearch}
+                />
+              </>
+            )}
+            <OButton
+              text={t('SEARCH', 'Search')}
+              textStyle={{ color: theme.colors.white }}
+              imgRightSrc={null}
+              style={{
+                borderRadius: 7.6,
+                marginBottom: 70,
+                marginTop: 60,
+                zIndex: 12
+              }}
+              onClick={applyFilters}
+            />
+          </ModalContainer>
+        </OModal>
+      )}
     </>
   );
 };

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

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react';
-import { View, StyleSheet, Dimensions } from 'react-native';
-import { ScrollView } from 'react-native-gesture-handler';
+import { View, StyleSheet, Dimensions, Linking } from 'react-native';
+import { ScrollView, TouchableOpacity } from 'react-native-gesture-handler';
 import { Placeholder, PlaceholderLine, Fade } from 'rn-placeholder';
 import NetInfo from '@react-native-community/netinfo';
 import { useTheme } from 'styled-components/native';
@@ -14,7 +14,7 @@ import {
 import { NotFoundSource } from '../NotFoundSource';
 import { SearchBar } from '../SearchBar';
 import { BusinessController } from '../BusinessController';
-import { OText } from '../shared';
+import { OIcon, OText } from '../shared';
 import { BusinessesListingParams } from '../../types';
 
 const StoresListUI = (props: BusinessesListingParams) => {
@@ -154,7 +154,23 @@ const StoresListUI = (props: BusinessesListingParams) => {
             conditioned={false}
           />
         )}
-
+        <View style={{ flex: 1, flexDirection: 'row', justifyContent: 'flex-start', maxHeight: 40 }}>
+          <OIcon
+            src={theme.images.general.information}
+            width={12}
+            height={12}
+            color={theme.colors.skyBlue}
+            style={{ marginRight: 5 }}
+          />
+          <OText size={12}>
+            {t('MORE_SETTINGS_GO_TO', 'For more settings go to ')}
+          </OText>
+          <TouchableOpacity onPress={() => { Linking.openURL(t('LINK_MORE_SETTINGS_GO_TO', 'https://app.ordering.co')) }}>
+            <OText size={12} color={theme.colors.skyBlue}>
+              {t('LINK_MORE_SETTINGS_GO_TO', 'https://app.ordering.co')}
+            </OText>
+          </TouchableOpacity>
+        </View>
         {!error &&
           businesses?.map((business: any) => (
             <BusinessController