ordering-ui-react-native 0.17.46 → 0.17.48

package/package.json

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

package/themes/original/src/components/BusinessesListing/Layout/Original/index.tsx

@@ -468,7 +468,7 @@ const BusinessesListingUI = (props: BusinessesListingParams) => {
 				<HeaderWrapper
 					source={bgHeader ? { uri: bgHeader } : theme.images.backgrounds.business_list_header}
 					style={{ paddingTop: top + 20 }}
-					resizeMode='cover'
+					resizeMode='stretch'
 				>
 					{!auth && (
 

package/themes/original/src/components/BusinessesListing/Layout/Original/styles.tsx

@@ -60,7 +60,9 @@ export const WrapMomentOption = styled.TouchableOpacity`
 
 export const HeaderWrapper = styled.ImageBackground`
 	width: 100%;
-	height: 270px;
+  height: 5%;
+	min-height: 270px;
+	max-height: 400px;
 	padding: 20px 40px;
 	background-color: transparent;
 `;

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

@@ -60,7 +60,7 @@ const ServiceFormUI = (props: ServiceFormParams) => {
   const [selectDate, setSelectedDate] = useState<any>(new Date())
   const [timeList, setTimeList] = useState<any>([])
   const [isEnabled, setIsEnabled] = useState(false)
-  const [timeSelected, setTimeSelected] = useState(null)
+  const [timeSelected, setTimeSelected] = useState<string | null>(null)
   const [dateSelected, setDateSelected] = useState<any>(null)
   const [isOpen, setIsOpen] = useState(false)
   const [currentProfessional, setCurrentProfessional] = useState<any>(null)
@@ -248,6 +248,12 @@ const ServiceFormUI = (props: ServiceFormParams) => {
       setCurrentProfessional(professional)
     }
   }, [isCartProduct, professionalListState?.professionals])
+
+  useEffect(() => {
+    if (!productCart?.calendar_event?.start) return
+    setSelectedDate(moment.utc(productCart?.calendar_event?.start).local())
+    setTimeSelected(moment.utc(productCart?.calendar_event?.start).local().format('HH:mm'))
+  }, [productCart])
   
   return (
     <>
@@ -409,7 +415,7 @@ const ServiceFormUI = (props: ServiceFormParams) => {
                 {(timeList?.length > 0 && isEnabled) ? (
                   <SelectDropdown
                     ref={dropdownRef} 
-                    defaultValue={timeSelected}
+                    defaultValueByIndex={timeList.findIndex((item: any) => item.value === timeSelected)}
                     data={timeList}
                     onSelect={(selectedItem, index) => {
                       setTimeSelected(selectedItem?.value)

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

@@ -34,10 +34,12 @@ export const OTabs = styled.View`
   flex-direction: row;
   width: 100%;
   flex-wrap: wrap;
+  padding-vertical: 5px;
 `;
 
 export const OTab = styled.View`
   padding-horizontal: 10px;
+  padding-vertical: 10px;
 `;
 
 export const LoyaltyContent = styled.View`