@eohjsc/react-native-smart-city 0.3.24 → 0.3.27

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

@@ -1,136 +0,0 @@
-import React, { useMemo, useCallback } from 'react';
-import {
-  View,
-  Image,
-  TouchableOpacity,
-  StyleSheet,
-  Dimensions,
-} from 'react-native';
-import Carousel from 'react-native-snap-carousel';
-import { useNavigation } from '@react-navigation/native';
-import { useTranslations } from '../../../../hooks/Common/useTranslations';
-
-import { Colors, Images } from '../../../../configs';
-import { TESTID } from '../../../../configs/Constants';
-import Text from '../../../../commons/Text';
-import MyUnitDevice from '../MyUnitDevice';
-import Routes from '../../../../utils/Route';
-import { colorOpacity } from '../../../../utils/Converter/color';
-
-let screenWidth = Dimensions.get('window').width;
-
-const MyUnit = ({ myUnits }) => {
-  const t = useTranslations();
-  const navigation = useNavigation();
-  const carouselItems = useMemo(() => myUnits, [myUnits]);
-  const goToDetail = useCallback(
-    (item) => {
-      navigation.navigate(Routes.UnitStack, {
-        screen: Routes.UnitDetail,
-        params: {
-          unitId: item.id,
-          unitData: item,
-        },
-      });
-    },
-    [navigation]
-  );
-  const _renderItem = useCallback(
-    ({ item, index }) => {
-      const paddingLeft = index === 0 ? 0 : 8;
-      const paddingRight = index === carouselItems.length - 1 ? 0 : 8;
-      return (
-        <View
-          style={{
-            paddingLeft: paddingLeft,
-            paddingRight: paddingRight,
-          }}
-        >
-          <TouchableOpacity
-            onPress={() => goToDetail(item)}
-            style={styles.btnItem}
-            activeOpacity={0.75}
-            testID={TESTID.MY_UNIT_GO_TO_DETAIL}
-          >
-            <View style={styles.overlay} />
-            <Image
-              style={styles.bgMyUnit}
-              source={{ uri: item.background }}
-              defaultSource={Images.BgUnit}
-              resizeMode="cover"
-            />
-            <Text style={styles.title}>{item.name}</Text>
-          </TouchableOpacity>
-          {item.abstract_sensors.map((sensor, indexSensor) => (
-            <MyUnitDevice key={indexSensor} sensor={sensor} />
-          ))}
-        </View>
-      );
-    },
-    [carouselItems.length, goToDetail]
-  );
-
-  return (
-    <View style={styles.container}>
-      {carouselItems.length ? (
-        <Carousel
-          layout={'default'}
-          data={carouselItems}
-          sliderWidth={screenWidth}
-          itemWidth={screenWidth - 32}
-          renderItem={_renderItem}
-          inactiveSlideScale={1}
-        />
-      ) : (
-        <View>
-          <Text testID={TESTID.MY_UNIT_NO_UNIT}>{t('text_no_units')}</Text>
-        </View>
-      )}
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: Colors.White,
-    flexDirection: 'row',
-    justifyContent: 'center',
-    paddingBottom: 16,
-  },
-  overlay: {
-    backgroundColor: colorOpacity(Colors.Black, 0.4),
-    zIndex: 2,
-    left: 0,
-    top: 0,
-    position: 'absolute',
-    width: '100%',
-    height: '100%',
-    borderRadius: 10,
-  },
-  bgMyUnit: {
-    position: 'absolute',
-    left: 0,
-    top: 0,
-    right: 0,
-    width: '100%',
-    height: '100%',
-    borderRadius: 10,
-  },
-  title: {
-    position: 'absolute',
-    zIndex: 3,
-    fontWeight: 'bold',
-    fontSize: 20,
-    lineHeight: 28,
-    color: Colors.White,
-    bottom: 16,
-    left: 16,
-  },
-  btnItem: {
-    height: 121,
-    marginBottom: 16,
-  },
-});
-
-export default MyUnit;

package/src/screens/Unit/components/__test__/MyUnit.test.js

@@ -1,35 +0,0 @@
-import React from 'react';
-import Carousel from 'react-native-snap-carousel';
-import { act, create } from 'react-test-renderer';
-import MyUnit from '../MyUnit';
-import { SCProvider } from '../../../../context';
-import { mockSCStore } from '../../../../context/mockStore';
-
-const wrapComponent = (units) => (
-  <SCProvider initState={mockSCStore({})}>
-    <MyUnit myUnits={units} />
-  </SCProvider>
-);
-jest.mock('react', () => {
-  return {
-    ...jest.requireActual('react'),
-    memo: (x) => x,
-  };
-});
-
-describe('Test MyUnit', () => {
-  let tree;
-
-  it('render MyUnit carousel', async () => {
-    const units = [
-      { id: 1, name: '', abstract_sensors: [{ id: 1, name: '' }] },
-      { id: 2, name: '', abstract_sensors: [{ id: 1, name: '' }] },
-    ];
-    await act(() => {
-      tree = create(wrapComponent(units));
-    });
-    const instance = tree.root;
-    const carousel = instance.findAllByType(Carousel);
-    expect(carousel).toHaveLength(1);
-  });
-});