@eohjsc/react-native-smart-city 0.7.3-rc12 → 0.7.3-rc14

package/src/screens/Unit/components/AutomateScript/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { View, TouchableWithoutFeedback } from 'react-native';
-import AntDesign from 'react-native-vector-icons/AntDesign';
+import { IconOutline } from '@ant-design/icons-react-native';
 import { useTranslations } from '../../../../hooks/Common/useTranslations';
 import Text from '../../../../commons/Text';
 import FImage from '../../../../commons/FImage';
@@ -61,7 +61,7 @@ const AutomateScript = ({ automate, onPress, isSelected }) => {
             <Text numberOfLines={1} type={'Label'} color={Colors.Gray7}>
               {t('created_by', { name: author })}
             </Text>
-            <AntDesign name="right" size={12} />
+            <IconOutline name="right" size={12} />
           </View>
         </View>
       </View>

package/src/screens/Unit/components/ButtonWrapper/index.js

@@ -2,7 +2,7 @@ import React, { memo } from 'react';
 import { View, TouchableOpacity, Image } from 'react-native';
 import Text from '../../../../commons/Text';
 import { Colors } from '../../../../configs';
-import AntDesign from 'react-native-vector-icons/AntDesign';
+import { IconOutline } from '@ant-design/icons-react-native';
 import { AccessibilityLabel } from '../../../../configs/Constants';
 import styles from './styles';
 
@@ -46,10 +46,10 @@ const ButtonWrapper = ({
             <Image source={{ uri: value }} style={styles.avatar} />
           ) : (
             <View style={styles.avatar}>
-              <AntDesign name={'user'} size={27} />
+              <IconOutline name={'user'} size={27} />
             </View>
           )}
-          <AntDesign name="right" size={20} color={Colors.Gray7} />
+          <IconOutline name="right" size={20} color={Colors.Gray7} />
         </View>
       </View>
       {children}

package/src/screens/Unit/components/Header/index.js

@@ -1,7 +1,7 @@
 import React, { useCallback, useRef, useState } from 'react';
 import { Dimensions, View, TouchableOpacity, StyleSheet } from 'react-native';
 import Popover from '../../../../commons/Popover';
-import AntDesign from 'react-native-vector-icons/AntDesign';
+import { IconOutline } from '@ant-design/icons-react-native';
 import MaterialIcons from 'react-native-vector-icons/MaterialIcons';
 import { useTranslations } from '../../../../hooks/Common/useTranslations';
 
@@ -98,7 +98,7 @@ const HeaderComponent = ({ title, goBack, dark, hideRight, style }) => {
                 onPress={() => setShowModal(true)}
                 style={styles.rightHeader}
               >
-                <AntDesign
+                <IconOutline
                   name="plus"
                   size={32}
                   color={dark ? Colors.Black : Colors.White}

package/src/screens/Unit/components/SharedUnit/index.js

@@ -1,7 +1,7 @@
 import React, { Fragment, useCallback } from 'react';
 import { View, Image, TouchableOpacity } from 'react-native';
 import { useTranslations } from '../../../../hooks/Common/useTranslations';
-import AntDesign from 'react-native-vector-icons/AntDesign';
+import { IconFill, IconOutline } from '@ant-design/icons-react-native';
 
 import { API, Colors, Images } from '../../../../configs';
 import Text from '../../../../commons/Text';
@@ -88,7 +88,7 @@ const SharedUnit = ({
         {isOptions && (
           <Fragment>
             {item.is_pin ? (
-              <AntDesign
+              <IconOutline
                 name="pushpin"
                 size={20}
                 color={Colors.Blue10}
@@ -98,7 +98,7 @@ const SharedUnit = ({
                 }
               />
             ) : (
-              <AntDesign
+              <IconOutline
                 name="pushpin"
                 size={20}
                 onPress={addPinSharedUnit}
@@ -106,7 +106,7 @@ const SharedUnit = ({
               />
             )}
             {item.is_star ? (
-              <AntDesign
+              <IconFill
                 name="star"
                 size={20}
                 color={Colors.Yellow6}
@@ -116,7 +116,7 @@ const SharedUnit = ({
                 }
               />
             ) : (
-              <AntDesign
+              <IconOutline
                 name="star"
                 size={20}
                 onPress={addStarSharedUnit}

package/src/screens/UnitSummary/components/AirQuality/index.js

@@ -1,16 +1,15 @@
+import { IconOutline } from '@ant-design/icons-react-native';
 import React, { memo, useCallback, useMemo, useState } from 'react';
 import { TouchableOpacity, View } from 'react-native';
-import AntDesign from 'react-native-vector-icons/AntDesign';
-import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
 
 import styles from './styles';
 
 import { Section, Text } from '../../../../commons';
-import VisualChart from '../../../Device/components/VisualChart';
-import { useTranslations } from '../../../../hooks/Common/useTranslations';
-import { useWatchConfigs } from '../../../../hooks/IoT';
 import { Colors } from '../../../../configs';
 import AccessibilityLabel from '../../../../configs/AccessibilityLabel';
+import { useTranslations } from '../../../../hooks/Common/useTranslations';
+import { useWatchConfigs } from '../../../../hooks/IoT';
+import VisualChart from '../../../Device/components/VisualChart';
 import SegmentedRoundChart from './SegmentedRoundChart';
 
 const AirQuality = memo(({ summaryDetail }) => {
@@ -80,7 +79,7 @@ const AirQuality = memo(({ summaryDetail }) => {
             <View
               style={[styles.boxEmotion, { backgroundColor: outdoorColor }]}
             >
-              <AntDesign name={outdoorIcon} size={35} />
+              <IconOutline name={outdoorIcon} size={35} />
             </View>
             <View
               style={[
@@ -122,11 +121,7 @@ const AirQuality = memo(({ summaryDetail }) => {
           {<SegmentedRoundChart data={outdoor} />}
           {!!advices?.length && (
             <View style={styles.boxHealth}>
-              <MaterialCommunityIcons
-                name="alert-circle-outline"
-                size={20}
-                style={styles.iconMargin}
-              />
+              <IconOutline name="alert" size={20} style={styles.iconMargin} />
               <Text semibold color={Colors.Gray9} type="H4">
                 {t('Health advices:')}
               </Text>

package/src/screens/UnitSummary/components/WaterQuality/Item/index.js

@@ -1,6 +1,6 @@
 import React, { memo } from 'react';
 import { View, StyleSheet, TouchableOpacity } from 'react-native';
-import AntDesign from 'react-native-vector-icons/AntDesign';
+import { IconOutline } from '@ant-design/icons-react-native';
 import { useNavigation } from '@react-navigation/native';
 
 import Text from '../../../../../commons/Text';
@@ -23,7 +23,7 @@ const Item = memo(({ id, svgMain, title, measure, des, color, waterType }) => {
         <Text>{title}</Text>
         {waterType && (
           <TouchableOpacity onPress={goToDetail} style={styles.buttonInfo}>
-            <AntDesign
+            <IconOutline
               style={styles.row}
               name="infocirlceo"
               size={20}

package/src/screens/UnitSummary/index.js

@@ -2,7 +2,7 @@ import React, { memo, useCallback, useEffect, useState } from 'react';
 import { View, StyleSheet } from 'react-native';
 import { useNavigation } from '@react-navigation/native';
 import { TouchableOpacity } from 'react-native';
-import AntDesign from 'react-native-vector-icons/AntDesign';
+import { IconOutline } from '@ant-design/icons-react-native';
 import moment from 'moment';
 
 import { useTranslations } from '../../hooks/Common/useTranslations';
@@ -168,8 +168,8 @@ const UnitSummary = memo(({ route }) => {
                 accessibilityLabel={AccessibilityLabel.UNIT_SUMMARY_GUIDE_TOUCH}
                 onPress={() => navigation.navigate(GuideName)}
               >
-                <AntDesign
-                  name={'infocirlceo'}
+                <IconOutline
+                  name="info-circle"
                   size={25}
                   color={Colors.Black}
                 />