ordering-ui-react-native 0.21.50 → 0.21.51-release

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

@@ -3,7 +3,6 @@ import {
 	UserFormDetails as NotificationsController,
 	useLanguage,
 	useSession,
-	useOrderingTheme,
 	useToast,
 	ToastType,
 } from 'ordering-components/native'
@@ -28,7 +27,6 @@ const NotificationsUI = (props: any) => {
 	const [{ user: userSession }] = useSession()
 	const [, t] = useLanguage();
 	const [, { showToast }] = useToast();
-	const [orderingTheme] = useOrderingTheme()
 
 	const user = userData || userSession
 
@@ -45,8 +43,8 @@ const NotificationsUI = (props: any) => {
 	})
 
 	const goToBack = () => navigation?.canGoBack() && navigation.goBack()
-	const showCustomerPromotions = !orderingTheme?.theme?.profile?.components?.promotions?.hidden
-	const showNotifications = !orderingTheme?.theme?.profile?.components?.notification_settings?.hidden
+	const showCustomerPromotions = !theme?.profile?.components?.promotions?.hidden
+	const showNotifications = !theme?.profile?.components?.notification_settings?.hidden
 
 	const handleEditNotifications = (key: any, value: any) => {
 		setNotificationsList({
@@ -75,10 +73,13 @@ const NotificationsUI = (props: any) => {
 				titleAlign={'center'}
 				onActionLeft={goToBack}
 				showCall={false}
-				style={{
-					paddingHorizontal: 40,
-					paddingVertical: 0,
-				}}
+				style={{ paddingVertical: 0 }}
+				btnStyle={{ paddingLeft: 0 }}
+        buttonProps={{
+          bgColor: theme.colors.white,
+          borderColor: theme.colors.white,
+          textStyle: { color: theme.colors.btnFont }
+        }}
 			/>
 			{showCustomerPromotions && showNotifications && (
 				<>

package/themes/original/src/components/Notifications/styles.tsx

@@ -9,7 +9,6 @@ export const Container = styled.ScrollView`
 export const NotificationsGroupSwitchWrapper = styled.View`
   flex-grow: 1;
   justify-content: space-between;
-	padding: 0 20px;
 `
 
 export const SwitchWrapper = styled.View`

package/themes/original/src/components/OrderDetails/OrderHistory.tsx

@@ -33,7 +33,7 @@ export const OrderHistory = (props: any) => {
       paddingVertical: 16
     },
     container: {
-      paddingHorizontal: 40,
+      paddingHorizontal: 20,
       paddingVertical: 15
     }
   });