ordering-ui-react-native 0.24.43-test → 0.25.1

package/src/components/BusinessProductsListing/styles.tsx

@@ -1,33 +1,33 @@
-import styled from 'styled-components/native'
-
-export const WrapHeader = styled.View`
-  position: relative;
-`
-export const TopHeader = styled.View`
-  position: absolute;
-  width: 100%;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-  z-index: 1;
-  flex: 1;
-`
-export const AddressInput = styled.TouchableOpacity`
-  flex: 1;
-  background-color: rgba(0,0,0,0.3);
-  padding: 15px;
-  border-radius: 24px;
-`
-export const WrapSearchBar = styled.View`
-  padding: 5px;
-  background-color: ${(props: any) => props.theme.colors.white};
-  flex: 1;
-`
-export const WrapContent = styled.View`
-  padding: 10px 20px;
-`
-
-export const BusinessProductsListingContainer = styled.ScrollView`
-  flex: 1;
-  margin-bottom: ${(props: any) => props.isActiveFloatingButtom ? '50px' : '0px' };
-`
+import styled from 'styled-components/native'
+
+export const WrapHeader = styled.View`
+  position: relative;
+`
+export const TopHeader = styled.View`
+  position: absolute;
+  width: 100%;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  z-index: 1;
+  flex: 1;
+`
+export const AddressInput = styled.TouchableOpacity`
+  flex: 1;
+  background-color: rgba(0,0,0,0.3);
+  padding: 15px;
+  border-radius: 24px;
+`
+export const WrapSearchBar = styled.View`
+  padding: 5px;
+  background-color: ${(props: any) => props.theme.colors.white};
+  flex: 1;
+`
+export const WrapContent = styled.View`
+  padding: 10px 20px;
+`
+
+export const BusinessProductsListingContainer = styled.ScrollView`
+  flex: 1;
+  margin-bottom: ${(props: any) => props.isActiveFloatingButtom ? '50px' : '0px' };
+`

package/src/components/BusinessReviews/index.tsx

@@ -1,121 +1,121 @@
-import React from 'react'
-import { BusinessReviews as BusinessReviewController, useLanguage } from 'ordering-components/native'
-import IconAntDesign from 'react-native-vector-icons/AntDesign'
-import { BusinessBasicInformation } from '../BusinessBasicInformation'
-import { View, StyleSheet } from 'react-native'
-import { OText } from '../shared'
-import {
-  BusinessReviewsContainer,
-  ScoreView,
-  BusinessReviewContent,
-  WrapCustomerReview,
-  WrapCustomerReviewTotal
-} from './styles'
-import { ScrollView } from 'react-native-gesture-handler'
-import { GrayBackground } from '../BusinessInformation/styles'
-import { BusinessReviewsParams } from '../../types'
-import { useTheme } from 'styled-components/native'
-
-const BusinessReviewsUI = (props: BusinessReviewsParams) => {
-  const {
-    businessState,
-    reviewsList,
-  } = props
-
-  const theme = useTheme();
-  const [, t] = useLanguage();
-
-  const Score = ({ star, text }: any) => (
-    <ScoreView>
-      <View style={styles.reviewScoreStyle}>
-        <IconAntDesign
-          name="star"
-          color={theme.colors.primary}
-          size={16}
-          style={styles.starIcon}
-        />
-        <OText>{star}</OText>
-      </View>
-      <OText>{text}</OText>
-    </ScoreView>
-  )
-
-  return (
-    <BusinessReviewsContainer>
-      <BusinessBasicInformation
-        isBusinessInfoShow
-        businessState={businessState}
-      />
-      <BusinessReviewContent>
-        {reviewsList.error ? (
-          <OText size={16}>{t('ERROR_UNKNOWN', 'An error has ocurred')}</OText>
-          ) : (
-          <>
-            <ScrollView
-              horizontal
-              showsHorizontalScrollIndicator={false}
-              style={styles.wrapTotalScoresStyle}
-            >
-              <Score star={businessState?.business?.reviews?.quality} text={t('REVIEW_QUALITY', 'Quality of products')} />
-              <Score star={businessState?.business?.reviews?.delivery} text={t('REVIEW_PUNCTUALITY', 'Punctuality')} />
-              <Score star={businessState?.business?.reviews?.service} text={t('REVIEW_SERVICE', 'Service')} />
-              <Score star={businessState?.business?.reviews?.package} text={t('REVIEW_PRODUCT_PACKAGING', 'Product Packaging')} />
-            </ScrollView>
-            <GrayBackground>
-              <OText weight='bold' size={16}>{t('CUSTOMERS_REVIEWS', 'Customers Reviews')}</OText>
-            </GrayBackground>
-            {reviewsList?.reviews.map((review: any) =>(
-              <WrapCustomerReview key={review.id}>
-                <WrapCustomerReviewTotal>
-                  <View style={styles.reviewScoreStyle}>
-                    <IconAntDesign
-                      name="star"
-                      color={theme.colors.primary}
-                      size={16}
-                      style={styles.starIcon}
-                    />
-                    <OText>{review.total}</OText>
-                  </View>
-                  <OText mLeft={20} style={{ flex: 1 }}>{review.comment}</OText>
-                </WrapCustomerReviewTotal>
-                <ScrollView horizontal showsHorizontalScrollIndicator={false}>
-                  <Score star={review.quality} text={t('REVIEW_QUALITY', 'Quality of products')} />
-                  <Score star={review.delivery} text={t('REVIEW_PUNCTUALITY', 'Punctuality')} />
-                  <Score star={review.service} text={t('REVIEW_SERVICE', 'Service')} />
-                  <Score star={review.package} text={t('REVIEW_PRODUCT_PACKAGING', 'Product Packaging')} />
-                </ScrollView>
-              </WrapCustomerReview>
-            ))}
-          </>
-        )}
-        {!reviewsList.loading && reviewsList?.reviews.length === 0 && (
-          <OText>{t('REVIEWS_NOT_FOUND', 'Reviews Not Found')}</OText>
-        )}
-      </BusinessReviewContent>
-    </BusinessReviewsContainer>
-  )
-}
-
-const styles = StyleSheet.create({
-  starIcon: {
-    marginRight: 5,
-  },
-  reviewScoreStyle: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  wrapTotalScoresStyle: {
-    maxHeight: 80,
-    height: 80,
-    marginBottom: 20
-  }
-})
-
-export const BusinessReviews = (props: any) => {
-  const BusinessReviewProps = {
-    ...props,
-    UIComponent: BusinessReviewsUI
-  }
-  return <BusinessReviewController {...BusinessReviewProps} />
-}
+import React from 'react'
+import { BusinessReviews as BusinessReviewController, useLanguage } from 'ordering-components/native'
+import IconAntDesign from 'react-native-vector-icons/AntDesign'
+import { BusinessBasicInformation } from '../BusinessBasicInformation'
+import { View, StyleSheet } from 'react-native'
+import { OText } from '../shared'
+import {
+  BusinessReviewsContainer,
+  ScoreView,
+  BusinessReviewContent,
+  WrapCustomerReview,
+  WrapCustomerReviewTotal
+} from './styles'
+import { ScrollView } from 'react-native-gesture-handler'
+import { GrayBackground } from '../BusinessInformation/styles'
+import { BusinessReviewsParams } from '../../types'
+import { useTheme } from 'styled-components/native'
+
+const BusinessReviewsUI = (props: BusinessReviewsParams) => {
+  const {
+    businessState,
+    reviewsList,
+  } = props
+
+  const theme = useTheme();
+  const [, t] = useLanguage();
+
+  const Score = ({ star, text }: any) => (
+    <ScoreView>
+      <View style={styles.reviewScoreStyle}>
+        <IconAntDesign
+          name="star"
+          color={theme.colors.primary}
+          size={16}
+          style={styles.starIcon}
+        />
+        <OText>{star}</OText>
+      </View>
+      <OText>{text}</OText>
+    </ScoreView>
+  )
+
+  return (
+    <BusinessReviewsContainer>
+      <BusinessBasicInformation
+        isBusinessInfoShow
+        businessState={businessState}
+      />
+      <BusinessReviewContent>
+        {reviewsList.error ? (
+          <OText size={16}>{t('ERROR_UNKNOWN', 'An error has ocurred')}</OText>
+          ) : (
+          <>
+            <ScrollView
+              horizontal
+              showsHorizontalScrollIndicator={false}
+              style={styles.wrapTotalScoresStyle}
+            >
+              <Score star={businessState?.business?.reviews?.quality} text={t('REVIEW_QUALITY', 'Quality of products')} />
+              <Score star={businessState?.business?.reviews?.delivery} text={t('REVIEW_PUNCTUALITY', 'Punctuality')} />
+              <Score star={businessState?.business?.reviews?.service} text={t('REVIEW_SERVICE', 'Service')} />
+              <Score star={businessState?.business?.reviews?.package} text={t('REVIEW_PRODUCT_PACKAGING', 'Product Packaging')} />
+            </ScrollView>
+            <GrayBackground>
+              <OText weight='bold' size={16}>{t('CUSTOMERS_REVIEWS', 'Customers Reviews')}</OText>
+            </GrayBackground>
+            {reviewsList?.reviews.map((review: any) =>(
+              <WrapCustomerReview key={review.id}>
+                <WrapCustomerReviewTotal>
+                  <View style={styles.reviewScoreStyle}>
+                    <IconAntDesign
+                      name="star"
+                      color={theme.colors.primary}
+                      size={16}
+                      style={styles.starIcon}
+                    />
+                    <OText>{review.total}</OText>
+                  </View>
+                  <OText mLeft={20} style={{ flex: 1 }}>{review.comment}</OText>
+                </WrapCustomerReviewTotal>
+                <ScrollView horizontal showsHorizontalScrollIndicator={false}>
+                  <Score star={review.quality} text={t('REVIEW_QUALITY', 'Quality of products')} />
+                  <Score star={review.delivery} text={t('REVIEW_PUNCTUALITY', 'Punctuality')} />
+                  <Score star={review.service} text={t('REVIEW_SERVICE', 'Service')} />
+                  <Score star={review.package} text={t('REVIEW_PRODUCT_PACKAGING', 'Product Packaging')} />
+                </ScrollView>
+              </WrapCustomerReview>
+            ))}
+          </>
+        )}
+        {!reviewsList.loading && reviewsList?.reviews.length === 0 && (
+          <OText>{t('REVIEWS_NOT_FOUND', 'Reviews Not Found')}</OText>
+        )}
+      </BusinessReviewContent>
+    </BusinessReviewsContainer>
+  )
+}
+
+const styles = StyleSheet.create({
+  starIcon: {
+    marginRight: 5,
+  },
+  reviewScoreStyle: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  wrapTotalScoresStyle: {
+    maxHeight: 80,
+    height: 80,
+    marginBottom: 20
+  }
+})
+
+export const BusinessReviews = (props: any) => {
+  const BusinessReviewProps = {
+    ...props,
+    UIComponent: BusinessReviewsUI
+  }
+  return <BusinessReviewController {...BusinessReviewProps} />
+}

package/src/components/BusinessReviews/styles.tsx

@@ -1,33 +1,33 @@
-import styled from 'styled-components/native'
-
-export const BusinessReviewsContainer = styled.View``
-
-export const ScoreView = styled.View`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  border-width: 1px;
-  border-color: ${(props: any) => props.theme.colors.lightGray};
-  border-radius: 10px;
-  padding: 10px;
-  width: 170px;
-  margin-right: 15px;
-`
-export const BusinessReviewContent = styled.ScrollView`
-  display: flex;
-  flex-direction: column;
-  padding: 20px;
-  margin-top: 40px;
-`
-export const WrapCustomerReview = styled.View`
-  padding: 20px 0;
-  border-bottom-width: 1px;
-  border-color: ${(props: any) => props.theme.colors.lightGray};
-`
-export const WrapCustomerReviewTotal = styled.View`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  margin-bottom: 10px;
-`
+import styled from 'styled-components/native'
+
+export const BusinessReviewsContainer = styled.View``
+
+export const ScoreView = styled.View`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  border-width: 1px;
+  border-color: ${(props: any) => props.theme.colors.lightGray};
+  border-radius: 10px;
+  padding: 10px;
+  width: 170px;
+  margin-right: 15px;
+`
+export const BusinessReviewContent = styled.ScrollView`
+  display: flex;
+  flex-direction: column;
+  padding: 20px;
+  margin-top: 40px;
+`
+export const WrapCustomerReview = styled.View`
+  padding: 20px 0;
+  border-bottom-width: 1px;
+  border-color: ${(props: any) => props.theme.colors.lightGray};
+`
+export const WrapCustomerReviewTotal = styled.View`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  margin-bottom: 10px;
+`