@eohjsc/react-native-smart-city 0.4.21 → 0.4.23

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@eohjsc/react-native-smart-city",
   "title": "React Native Smart Home",
-  "version": "0.4.21",
+  "version": "0.4.23",
   "description": "TODO",
   "main": "index.js",
   "files": [

package/src/screens/AllCamera/index.js

@@ -146,6 +146,7 @@ const AllCamera = () => {
                 item={item[2]}
                 width={Constants.width / 2}
                 height={112}
+                goToPlayBack={goToPlayBack}
               />
               <CameraItem
                 key={item?.id}

package/src/screens/Automate/AddNewAction/NewActionWrapper.js

@@ -3,12 +3,12 @@ import { TouchableOpacity, View } from 'react-native';
 import { KeyboardAwareScrollView } from '@eohjsc/react-native-keyboard-aware-scroll-view';
 
 import styles from './Styles/SelectActionStyles';
-import WrapHeaderScrollable from '../../../commons/Sharing/WrapHeaderScrollable';
 import { Icon } from '@ant-design/react-native';
 import { Colors } from '../../../configs';
 import { useNavigation, useRoute } from '@react-navigation/native';
 import BottomButtonView from '../../../commons/BottomButtonView';
 import { AccessibilityLabel } from '../../../configs/Constants';
+import { HeaderCustom } from '../../../commons';
 
 const NewActionWrapper = ({ name, children, canNext, onNext, nextTitle }) => {
   const { navigate } = useNavigation();
@@ -34,20 +34,14 @@ const NewActionWrapper = ({ name, children, canNext, onNext, nextTitle }) => {
 
   return (
     <View style={styles.wrap}>
-      <WrapHeaderScrollable
+      <HeaderCustom
         title={name}
-        headerAniStyle={styles.headerAniStyle}
         rightComponent={rightComponent}
-      >
-        <KeyboardAwareScrollView
-          enableOnAndroid
-          extraScrollHeight={100}
-          nestedScrollEnabled
-        >
-          {children}
-        </KeyboardAwareScrollView>
-      </WrapHeaderScrollable>
-
+        headerStyles={styles.headerAniStyle}
+        isShowSeparator
+        wrapTitleStyle={styles.wrapTitleStyle}
+      />
+      <KeyboardAwareScrollView>{children}</KeyboardAwareScrollView>
       <BottomButtonView
         style={styles.bottomButtonView}
         mainTitle={nextTitle}

package/src/screens/Automate/AddNewAction/Styles/SelectActionStyles.js

@@ -27,7 +27,7 @@ export default StyleSheet.create({
     marginTop: 32,
   },
   headerAniStyle: {
-    borderBottomWidth: 0,
+    marginTop: 10,
   },
   closeButton: {
     width: 40,
@@ -63,4 +63,8 @@ export default StyleSheet.create({
     paddingHorizontal: 16,
     marginTop: Constants.height * 0.3,
   },
+  wrapTitleStyle: {
+    alignItems: 'flex-start',
+    paddingLeft: 20,
+  },
 });

package/src/screens/Automate/ScriptDetail/__test__/index.test.js

@@ -146,6 +146,24 @@ describe('Test ScriptDetail', () => {
     );
   });
 
+  it('test cannot change type script', async () => {
+    route.params.preAutomate.can_edit = false;
+    const spyToastError = jest.spyOn(ToastBottomHelper, 'error');
+
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const itemAutomate = instance.findByType(ItemAutomate);
+
+    await act(async () => {
+      await itemAutomate.props.onPress();
+    });
+    expect(spyToastError).toBeCalledWith(
+      getTranslate('en', 'only_owner_has_permission_to_edit_this_script')
+    );
+  });
+
   it('test delete script', async () => {
     await act(async () => {
       tree = await create(wrapComponent(route));
@@ -367,6 +385,7 @@ describe('Test ScriptDetail', () => {
     route.params = {
       ...route.params,
       preAutomate: {
+        can_edit: true,
         type: AUTOMATE_TYPE.VALUE_CHANGE,
         value_change: {
           config_name: 'Light Value',

package/src/screens/Automate/ScriptDetail/index.js

@@ -130,11 +130,17 @@ const ScriptDetail = ({ route }) => {
   }, [id, t]);
 
   const handleUpdateAutomate = useCallback(async () => {
+    if (!automate?.can_edit) {
+      ToastBottomHelper.error(
+        t('only_owner_has_permission_to_edit_this_script')
+      );
+      return;
+    }
     navigate(Routes.AddUnknownTypeSmart, {
       automate,
       closeScreen: route.name,
     });
-  }, [navigate, automate, route.name]);
+  }, [automate, navigate, route.name, t]);
 
   useEffect(() => {
     fetchAutomate();

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

@@ -1012,8 +1012,10 @@ export default {
   lg_sync_failed: 'Đồng bộ thiết bị LG thất bại!',
   lg_sync_success: 'Đồng bộ thiết bị LG thành công!',
   setting_at: 'Thiết lập tại',
+  name_your_scenario: 'Đặt tên cho kịch bản của bạn',
   name_your_button: 'Đặt tên cho nút nhấn của bạn',
   name_your_script: 'Đặt tên cho kịch bản của bạn',
+  name_your_automation: 'Đặt tên cho kịch bản của bạn',
   continue: 'Tiếp tục',
   tap_to_run: 'Nhấn để chạy',
   how_to_start: 'Cách khởi động',
@@ -1434,5 +1436,4 @@ export default {
   you_can_only_add_more: 'Bạn chỉ có thể thêm {number}',
   actions: 'hành động',
   value_must_be_less_than_8_character: 'Giá trị phải ít hơn hoặc bằng 8 kí tự',
-  name_your_automation: 'Đặt tên cho kịch bản của bạn',
 };