@eohjsc/react-native-smart-city 0.3.54 → 0.3.56

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@eohjsc/react-native-smart-city",
   "title": "React Native Smart Home",
-  "version": "0.3.54",
+  "version": "0.3.56",
   "description": "TODO",
   "main": "index.js",
   "files": [
@@ -64,9 +64,11 @@
   "license": "MIT",
   "licenseFilename": "LICENSE",
   "peerDependencies": {
+    "@react-native-community/clipboard": "*",
+    "lottie-ios": "*",
+    "lottie-react-native": "*",
     "react": "*",
-    "react-native": "*",
-    "@react-native-community/clipboard": "*"
+    "react-native": "*"
   },
   "devDependencies": {
     "@babel/core": "^7.12.9",
@@ -136,7 +138,6 @@
     "i18n-js": "^3.7.1",
     "i18next": "^20.1.0",
     "lodash": "^4.17.19",
-    "lottie-react-native": "^5.1.4",
     "moment": "^2.27.0",
     "moment-timezone": "^0.5.32",
     "numeral": "^2.0.6",

package/src/commons/ActionGroup/SliderRangeTemplate.js

@@ -71,7 +71,7 @@ const SliderRangeTemplate = memo(({ actionGroup = {}, doAction, sensor }) => {
       <View style={styles.LeftBrightness}>
         <SvgBrightness />
         <Text type="H4" style={styles.LeftTextBrightness}>
-          {t('brightness')}
+          {actionGroup.title || t('brightness')}
         </Text>
       </View>
       <View style={styles.RightBrightness}>

package/src/commons/DevMode/Item.js

@@ -1,8 +1,8 @@
 import React, { memo } from 'react';
 import { TouchableOpacity } from 'react-native';
 import Text from '../Text';
-import t from '../../hooks/Common/useTranslations';
 import styles from './Styles/ItemStyles';
+import IconComponent from '../IconComponent';
 
 const Item = ({ item, index, onPress }) => {
   return (
@@ -10,10 +10,8 @@ const Item = ({ item, index, onPress }) => {
       onPress={onPress}
       style={[styles.item, index % 2 === 0 && styles.oddItem]}
     >
+      <IconComponent iconKit={item?.icon} />
       <Text style={styles.nameItem}>{item?.name}</Text>
-      <Text style={styles.countItem}>{`${
-        item?.count > 0 ? item?.count : t('no')
-      } ${t('gateways').toLowerCase()}`}</Text>
     </TouchableOpacity>
   );
 };

package/src/commons/DevMode/Styles/ItemStyles.js

@@ -18,6 +18,12 @@ export default StyleSheet.create({
   nameItem: {
     fontSize: 14,
     fontWeight: 'bold',
+    padding: 8,
+    paddingBottom: 0,
+    borderTopWidth: 1,
+    width: '100%',
+    borderColor: Colors.Neutral.Neutral3,
+    textAlign: 'center',
   },
   countItem: {
     fontSize: 12,

package/src/screens/Smart/__test__/index.test.js

@@ -1,16 +1,28 @@
 import React from 'react';
-import { View } from 'react-native';
 import { act, create } from 'react-test-renderer';
+
+import { SCProvider } from '../../../context';
+import { mockSCStore } from '../../../context/mockStore';
+import { EmptyComponent } from '../../../commons/DevMode';
+import t from '../../../hooks/Common/useTranslations';
+
 import Smart from '..';
 
+const wrapComponent = (route) => (
+  <SCProvider initState={mockSCStore({})}>
+    <Smart route={route} />
+  </SCProvider>
+);
+
 describe('Test Template screen', () => {
   let tree;
   it('Test render', async () => {
     await act(async () => {
-      tree = await create(<Smart />);
+      tree = await create(wrapComponent());
     });
     const instance = tree.root;
-    const Views = instance.findAllByType(View);
-    expect(Views).toHaveLength(1);
+    const emptyComponent = instance.findByType(EmptyComponent);
+    expect(emptyComponent.props.text1).toEqual(t('text_under_development'));
+    expect(emptyComponent.props.text2).toEqual(t('text_working_hard'));
   });
 });

package/src/screens/Smart/index.js

@@ -1,8 +1,22 @@
 import React from 'react';
 import { View } from 'react-native';
+import { EmptyComponent } from '../../commons/DevMode';
+import { useTranslations } from '../../hooks/Common/useTranslations';
+
+import styles from './styles';
 
 const Smart = () => {
-  return <View />;
+  const t = useTranslations();
+  return (
+    <View style={styles.wrap}>
+      <View style={styles.wrapEmpty}>
+        <EmptyComponent
+          text1={t('text_under_development')}
+          text2={t('text_working_hard')}
+        />
+      </View>
+    </View>
+  );
 };
 
 export default Smart;

package/src/screens/Smart/styles.js

@@ -0,0 +1,15 @@
+import { StyleSheet } from 'react-native';
+import { Colors } from '../../configs';
+
+export default StyleSheet.create({
+  wrap: {
+    flex: 1,
+    backgroundColor: Colors.White,
+    padding: 16,
+  },
+  wrapEmpty: {
+    justifyContent: 'center',
+    alignItems: 'center',
+    marginTop: 200,
+  },
+});

package/src/utils/I18n/translations/en.json

@@ -1097,6 +1097,8 @@
   "continue_to_wait": "Continue to wait?",
   "it_has_been_5_minutes": "It has been 5 minutes...",
   "click_here_to_setup_device": "Click here to setup device",
+  "text_under_development": "This feature is under development.",
+  "text_working_hard": "We are working hard to get this running",
   "photo_request_permission": "Photo request permission",
   "photo_request_permission_des": "To select photo from gallery, please unlock access photo permission"
 }

package/src/utils/I18n/translations/vi.json

@@ -1096,6 +1096,8 @@
   "continue_to_wait": "Bạn có muốn đợi tiếp?",
   "it_has_been_5_minutes": "Đã 5 phút trôi qua...",
   "click_here_to_setup_device": "Chọn thiết bị thêm vào phòng",
+  "text_under_development": "Tính năng này đang được phát triển.",
+  "text_working_hard": "Chúng tôi đang làm việc chăm chỉ để làm cho điều này hoạt động",
   "photo_request_permission": "Quyền yêu cầu ảnh",
   "photo_request_permission_des": "Để chọn ảnh từ thư viện, vui lòng mở khóa quyền truy cập ảnh"
 }