ordering-ui-react-native 0.17.58 → 0.17.59

package/package.json

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

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

@@ -384,7 +384,6 @@ const LoginFormUI = (props: LoginParams) => {
 				onActionLeft={() => navigation?.canGoBack() && navigation.goBack()}
 				showCall={false}
 				btnStyle={{ paddingLeft: 0 }}
-				style={{ flexDirection: 'column', alignItems: 'flex-start' }}
 				titleWrapStyle={{ paddingHorizontal: 0 }}
 				titleStyle={{ marginRight: 0, marginLeft: 0 }}
 			/>

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

@@ -262,7 +262,7 @@ const MomentOptionUI = (props: MomentOptionParams) => {
 						style={{ paddingBottom: 0 }}
 						title={t('QUESTION_WHEN_ORDER', 'When do you want your order?')}
 						titleAlign={'center'}
-						titleStyle={{ fontSize: 14, marginRight: 0, marginLeft: 0 }}
+						titleStyle={{ fontSize: 20, marginRight: 0, marginLeft: 0 }}
 						titleWrapStyle={{ paddingHorizontal: 0 }}
 					/>
 

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

@@ -91,7 +91,7 @@ const NavBar = (props: Props) => {
 				}
 				<TitleWrapper style={{ ...{ paddingHorizontal: props.isVertical ? 0 : 10 }, ...props.titleWrapStyle }}>
 					<OText
-						size={24}
+						size={20}
 						lineHeight={36}
 						weight={Platform.OS === 'ios' ? '600' : 'bold'}
 						style={

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

@@ -100,7 +100,6 @@ const OrderTypeSelectorUI = (props: OrderTypeSelectParams) => {
 						style={{ paddingBottom: 0 }}
 						title={t('HOW_WILL_YOU_DELIVERY_TYPE', 'How will your order type?')}
 						titleAlign={'center'}
-						titleStyle={{ fontSize: 14 }}
 						noMargin
 					/>
 					{

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

@@ -471,7 +471,6 @@ const SignupFormUI = (props: SignupParams) => {
 				onActionLeft={() => navigation?.canGoBack() && navigation.goBack()}
 				showCall={false}
 				btnStyle={{ paddingLeft: 0 }}
-				style={{ flexDirection: 'column', alignItems: 'flex-start' }}
 				titleWrapStyle={{ paddingHorizontal: 0 }}
 				titleStyle={{ marginLeft: 0, marginRight: 0 }}
 			/>

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

@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from 'react'
-import { Pressable, StyleSheet, View, ScrollView, TouchableOpacity } from 'react-native';
+import { Pressable, StyleSheet, View, ScrollView, TouchableOpacity, Platform } from 'react-native';
 import { useTheme } from 'styled-components/native'
 import { Fade, Placeholder, PlaceholderLine } from 'rn-placeholder';
 import FastImage from 'react-native-fast-image'
@@ -111,7 +111,14 @@ const WalletsUI = (props: any) => {
     <>
       <Container>
         <Header>
-        <OText size={24} style={{ marginTop: 30 }}>{t('WALLETS', 'Wallets')}</OText>
+        <OText
+          size={20}
+          style={{
+            marginTop: 30,
+            color: theme.colors.textNormal,
+          }}
+          weight={Platform.OS === 'ios' ? '600' : 'bold'}
+        >{t('WALLETS', 'Wallets')}</OText>
           {isChewLayout && (
             <OButton
               text={t('WALLET_HISTORY', 'Wallet history')}

package/themes/original/src/components/shared/HeaderTitle.tsx

@@ -1,16 +1,21 @@
 import React from 'react';
 import { Platform } from 'react-native';
 import OText from './OText';
+import { useTheme } from 'styled-components/native'
 
 const HeaderTitle = (props: any) => {
   const { text, style } = props
+	const theme = useTheme();
+
   return (
     <OText
-      size={24}
+      size={20}
+      weight={Platform.OS === 'ios' ? '600' : 'bold'}
       style={style ?? {
         marginTop: Platform.OS === 'android' ? 50 : 30,
         paddingHorizontal: 40,
-        textTransform: 'capitalize'
+        textTransform: 'capitalize',
+        color: props.titleColor || theme.colors.textNormal,
       }}
     >
       {text}