ordering-ui-react-native 0.24.18 → 0.25.1

package/themes/original/src/components/ProfessionalFilter/SingleProfessionalCard/index.tsx

@@ -1,108 +1,108 @@
-import React from 'react'
-import {
-  useSession,
-  useUtils,
-  SingleProfessionalCard as SingleProfessionalCardController
-} from 'ordering-components/native'
-import { useTheme } from 'styled-components/native'
-import { StyleSheet, TouchableOpacity, View } from 'react-native'
-import FastImage from 'react-native-fast-image'
-import { OIcon, OText } from '../../shared'
-import IconAntDesign from 'react-native-vector-icons/AntDesign';
-
-const SingleProfessionalCardUI = (props) => {
-  const {
-    professional,
-    handleFavoriteProfessional,
-    active,
-    handleProfessionalClick
-  } = props
-
-  const theme = useTheme()
-  const [{ auth }] = useSession()
-  const [{ optimizeImage }] = useUtils()
-
-  const handleChangeFavorite = () => {
-    if (auth) {
-      handleFavoriteProfessional && handleFavoriteProfessional(!professional?.favorite)
-    }
-  }
-
-  const styles = StyleSheet.create({
-    professionalItem: {
-      flexDirection: 'row',
-      alignItems: 'center',
-      borderRadius: 7.6,
-      padding: 11,
-      borderWidth: 1,
-      marginRight: 12,
-      minHeight: 64
-    },
-		photoStyle: {
-			width: 42,
-			height: 42,
-			borderRadius: 7.6
-		},
-    favoriteIconStyle: {
-			width: 16,
-			height: 16,
-		},
-  })
-
-  return (
-    <TouchableOpacity
-      onPress={() => handleProfessionalClick(professional)}
-    >
-      <View
-        style={{
-          ...styles.professionalItem,
-          borderColor: active
-            ? theme.colors.primary
-            : theme.colors.border 
-        }}
-      >
-        {professional?.photo ? (
-          <FastImage
-            style={styles.photoStyle}
-            source={{
-              uri: optimizeImage(professional?.photo, 'h_250,c_limit'),
-              priority: FastImage.priority.normal,
-            }}
-            resizeMode={FastImage.resizeMode.cover}
-          />
-        ) : (
-          <OIcon
-            src={theme?.images?.general?.user}
-            cover={false}
-            style={styles.photoStyle}
-          />
-        )}
-        <View style={{ marginLeft: 12 }}>
-          <OText
-            size={12}
-            weight={'400'}
-          >
-            {professional?.name} {professional?.lastname}
-          </OText>
-
-          <TouchableOpacity
-            onPress={() => handleChangeFavorite()}
-          >
-            {professional?.favorite
-              ? <IconAntDesign name='heart' size={16} color={theme.colors.danger5} />
-              : <IconAntDesign name='hearto' size={16} color={theme.colors.danger5} />
-            }
-          </TouchableOpacity>
-        </View>
-      </View>
-    </TouchableOpacity>
-  )
-}
-
-export const SingleProfessionalCard = (props) => {
-  const singleProfessionalCardProps = {
-    ...props,
-    UIComponent: SingleProfessionalCardUI
-  }
-  return <SingleProfessionalCardController {...singleProfessionalCardProps} />
-}
+import React from 'react'
+import {
+  useSession,
+  useUtils,
+  SingleProfessionalCard as SingleProfessionalCardController
+} from 'ordering-components/native'
+import { useTheme } from 'styled-components/native'
+import { StyleSheet, TouchableOpacity, View } from 'react-native'
+import FastImage from 'react-native-fast-image'
+import { OIcon, OText } from '../../shared'
+import IconAntDesign from 'react-native-vector-icons/AntDesign';
+
+const SingleProfessionalCardUI = (props) => {
+  const {
+    professional,
+    handleFavoriteProfessional,
+    active,
+    handleProfessionalClick
+  } = props
+
+  const theme = useTheme()
+  const [{ auth }] = useSession()
+  const [{ optimizeImage }] = useUtils()
+
+  const handleChangeFavorite = () => {
+    if (auth) {
+      handleFavoriteProfessional && handleFavoriteProfessional(!professional?.favorite)
+    }
+  }
+
+  const styles = StyleSheet.create({
+    professionalItem: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      borderRadius: 7.6,
+      padding: 11,
+      borderWidth: 1,
+      marginRight: 12,
+      minHeight: 64
+    },
+		photoStyle: {
+			width: 42,
+			height: 42,
+			borderRadius: 7.6
+		},
+    favoriteIconStyle: {
+			width: 16,
+			height: 16,
+		},
+  })
+
+  return (
+    <TouchableOpacity
+      onPress={() => handleProfessionalClick(professional)}
+    >
+      <View
+        style={{
+          ...styles.professionalItem,
+          borderColor: active
+            ? theme.colors.primary
+            : theme.colors.border 
+        }}
+      >
+        {professional?.photo ? (
+          <FastImage
+            style={styles.photoStyle}
+            source={{
+              uri: optimizeImage(professional?.photo, 'h_250,c_limit'),
+              priority: FastImage.priority.normal,
+            }}
+            resizeMode={FastImage.resizeMode.cover}
+          />
+        ) : (
+          <OIcon
+            src={theme?.images?.general?.user}
+            cover={false}
+            style={styles.photoStyle}
+          />
+        )}
+        <View style={{ marginLeft: 12 }}>
+          <OText
+            size={12}
+            weight={'400'}
+          >
+            {professional?.name} {professional?.lastname}
+          </OText>
+
+          <TouchableOpacity
+            onPress={() => handleChangeFavorite()}
+          >
+            {professional?.favorite
+              ? <IconAntDesign name='heart' size={16} color={theme.colors.danger5} />
+              : <IconAntDesign name='hearto' size={16} color={theme.colors.danger5} />
+            }
+          </TouchableOpacity>
+        </View>
+      </View>
+    </TouchableOpacity>
+  )
+}
+
+export const SingleProfessionalCard = (props) => {
+  const singleProfessionalCardProps = {
+    ...props,
+    UIComponent: SingleProfessionalCardUI
+  }
+  return <SingleProfessionalCardController {...singleProfessionalCardProps} />
+}

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

@@ -1,99 +1,99 @@
-import React, { useState } from 'react'
-import { ScrollView, TouchableOpacity, View, StyleSheet } from 'react-native'
-import { useLanguage } from 'ordering-components/native'
-import { useTheme } from 'styled-components/native'
-import { OText, OModal } from '../shared'
-import { ProfessionalProfile } from '../ProfessionalProfile'
-import { ProfessionalFilterParams } from '../../types'
-import { SingleProfessionalCard } from './SingleProfessionalCard'
-
-export const ProfessionalFilter = (props: ProfessionalFilterParams) => {
-  const {
-    professionals,
-    professionalSelected,
-		handleChangeProfessionalSelected,
-    handleUpdateProfessionals
-  } = props
-
-  const theme = useTheme()
-  const [, t] = useLanguage()
-  const [open, setOpen] = useState(false)
-  const [currentProfessional, setCurrentProfessional] = useState(null)
-
-  const handleOpenProfile = (professional: any) => {
-    setCurrentProfessional(professional)
-    setOpen(true)
-  }
-
-  const handleCloseProfile = () => {
-    setCurrentProfessional(null)
-    setOpen(false)
-  }
-
-  const onUpdateProfessionals = (id, changes) => {
-    const updatedProfessional = professionals.find(professional => professional.id === id)
-    handleUpdateProfessionals({ ...updatedProfessional, ...changes })
-  }
-
-  const styles = StyleSheet.create({
-    professionalItem: {
-      flexDirection: 'row',
-      alignItems: 'center',
-      borderRadius: 7.6,
-      padding: 11,
-      borderWidth: 1,
-      marginRight: 12,
-      minHeight: 64
-    }
-  })
-
-  return (
-    <>
-      <ScrollView
-        horizontal
-        showsVerticalScrollIndicator={false}
-        showsHorizontalScrollIndicator={false}
-      >
-        <TouchableOpacity
-          onPress={() => handleChangeProfessionalSelected(null)}
-        >
-          <View
-            style={{
-              ...styles.professionalItem,
-              borderColor: !professionalSelected
-                ? theme.colors.primary
-                : theme.colors.border 
-            }}
-          >
-            <OText
-              size={12}
-              weight={'400'}
-            >
-              {t('ANY_PROFESSIONAL_MEMBER', 'Any professional member')}
-            </OText>
-          </View>
-        </TouchableOpacity>
-        {professionals.map((professional: any) => (
-          <SingleProfessionalCard
-            key={professional.id}
-            professional={professional}
-            active={professional?.id === professionalSelected?.id}
-            handleProfessionalClick={handleOpenProfile}
-            handleUpdateProfessionals={onUpdateProfessionals}
-          />
-        ))}
-      </ScrollView>
-      <OModal
-				open={open}
-				onClose={() => handleCloseProfile()}
-				entireModal
-			>
-				<ProfessionalProfile
-          professional={currentProfessional}
-          onClose={() => handleCloseProfile()}
-          handleChangeProfessionalSelected={handleChangeProfessionalSelected}
-        />
-			</OModal>
-    </>
-  )
-}
+import React, { useState } from 'react'
+import { ScrollView, TouchableOpacity, View, StyleSheet } from 'react-native'
+import { useLanguage } from 'ordering-components/native'
+import { useTheme } from 'styled-components/native'
+import { OText, OModal } from '../shared'
+import { ProfessionalProfile } from '../ProfessionalProfile'
+import { ProfessionalFilterParams } from '../../types'
+import { SingleProfessionalCard } from './SingleProfessionalCard'
+
+export const ProfessionalFilter = (props: ProfessionalFilterParams) => {
+  const {
+    professionals,
+    professionalSelected,
+		handleChangeProfessionalSelected,
+    handleUpdateProfessionals
+  } = props
+
+  const theme = useTheme()
+  const [, t] = useLanguage()
+  const [open, setOpen] = useState(false)
+  const [currentProfessional, setCurrentProfessional] = useState(null)
+
+  const handleOpenProfile = (professional: any) => {
+    setCurrentProfessional(professional)
+    setOpen(true)
+  }
+
+  const handleCloseProfile = () => {
+    setCurrentProfessional(null)
+    setOpen(false)
+  }
+
+  const onUpdateProfessionals = (id, changes) => {
+    const updatedProfessional = professionals.find(professional => professional.id === id)
+    handleUpdateProfessionals({ ...updatedProfessional, ...changes })
+  }
+
+  const styles = StyleSheet.create({
+    professionalItem: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      borderRadius: 7.6,
+      padding: 11,
+      borderWidth: 1,
+      marginRight: 12,
+      minHeight: 64
+    }
+  })
+
+  return (
+    <>
+      <ScrollView
+        horizontal
+        showsVerticalScrollIndicator={false}
+        showsHorizontalScrollIndicator={false}
+      >
+        <TouchableOpacity
+          onPress={() => handleChangeProfessionalSelected(null)}
+        >
+          <View
+            style={{
+              ...styles.professionalItem,
+              borderColor: !professionalSelected
+                ? theme.colors.primary
+                : theme.colors.border 
+            }}
+          >
+            <OText
+              size={12}
+              weight={'400'}
+            >
+              {t('ANY_PROFESSIONAL_MEMBER', 'Any professional member')}
+            </OText>
+          </View>
+        </TouchableOpacity>
+        {professionals.map((professional: any) => (
+          <SingleProfessionalCard
+            key={professional.id}
+            professional={professional}
+            active={professional?.id === professionalSelected?.id}
+            handleProfessionalClick={handleOpenProfile}
+            handleUpdateProfessionals={onUpdateProfessionals}
+          />
+        ))}
+      </ScrollView>
+      <OModal
+				open={open}
+				onClose={() => handleCloseProfile()}
+				entireModal
+			>
+				<ProfessionalProfile
+          professional={currentProfessional}
+          onClose={() => handleCloseProfile()}
+          handleChangeProfessionalSelected={handleChangeProfessionalSelected}
+        />
+			</OModal>
+    </>
+  )
+}