@eohjsc/react-native-smart-city 0.4.40 → 0.4.42

package/android/build.gradle

@@ -10,17 +10,17 @@
 //   original location:
 //   - https://github.com/facebook/react-native/blob/0.58-stable/local-cli/templates/HelloWorld/android/app/build.gradle
 
-def DEFAULT_COMPILE_SDK_VERSION = 33
-def DEFAULT_BUILD_TOOLS_VERSION = '33.0.0'
-def DEFAULT_MIN_SDK_VERSION = 24
-def DEFAULT_TARGET_SDK_VERSION = 33
+def DEFAULT_COMPILE_SDK_VERSION = 28
+def DEFAULT_BUILD_TOOLS_VERSION = '28.0.3'
+def DEFAULT_MIN_SDK_VERSION = 16
+def DEFAULT_TARGET_SDK_VERSION = 28
 
 def safeExtGet(prop, fallback) {
     rootProject.ext.has(prop) ? rootProject.ext.get(prop) : fallback
 }
 
 apply plugin: 'com.android.library'
-apply plugin: 'maven-publish'
+apply plugin: 'maven'
 
 buildscript {
     // The Android Gradle plugin is only required when opening the android folder stand-alone.
@@ -38,6 +38,9 @@ buildscript {
     }
 }
 
+apply plugin: 'com.android.library'
+apply plugin: 'maven'
+
 android {
     compileSdkVersion safeExtGet('compileSdkVersion', DEFAULT_COMPILE_SDK_VERSION)
     buildToolsVersion safeExtGet('buildToolsVersion', DEFAULT_BUILD_TOOLS_VERSION)
@@ -103,17 +106,17 @@ def configureReactNativePom(def pom) {
 afterEvaluate { project ->
     // some Gradle build hooks ref:
     // https://www.oreilly.com/library/view/gradle-beyond-the/9781449373801/ch03.html
-    // task androidJavadoc(type: Javadoc) {
-    //     source = android.sourceSets.main.java.srcDirs
-    //     classpath += files(android.bootClasspath)
-    //     classpath += files(project.getConfigurations().getByName('compile').asList())
-    //     include '**/*.java'
-    // }
-
-    // task androidJavadocJar(type: Jar, dependsOn: androidJavadoc) {
-    //     classifier = 'javadoc'
-    //     from androidJavadoc.destinationDir
-    // }
+    task androidJavadoc(type: Javadoc) {
+        source = android.sourceSets.main.java.srcDirs
+        classpath += files(android.bootClasspath)
+        classpath += files(project.getConfigurations().getByName('compile').asList())
+        include '**/*.java'
+    }
+
+    task androidJavadocJar(type: Jar, dependsOn: androidJavadoc) {
+        classifier = 'javadoc'
+        from androidJavadoc.destinationDir
+    }
 
     task androidSourcesJar(type: Jar) {
         classifier = 'sources'
@@ -132,13 +135,15 @@ afterEvaluate { project ->
 
     artifacts {
         archives androidSourcesJar
-        // archives androidJavadocJar
+        archives androidJavadocJar
     }
 
     task installArchives(type: Upload) {
         configuration = configurations.archives
-        repositories.maven {
-            url = uri("file://${projectDir}/../android/maven")
+        repositories.mavenDeployer {
+            // Deploy to react-native-event-bridge/maven, ready to publish to npm
+            repository url: "file://${projectDir}/../android/maven"
+            configureReactNativePom pom
         }
     }
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@eohjsc/react-native-smart-city",
   "title": "React Native Smart Home",
-  "version": "0.4.40",
+  "version": "0.4.42",
   "description": "TODO",
   "main": "index.js",
   "files": [
@@ -65,9 +65,7 @@
   "peerDependencies": {
     "@react-native-community/clipboard": "*",
     "react": "*",
-    "react-native": "*",
-    "react-native-modal": "*",
-    "react-native-modal-datetime-picker": "*"
+    "react-native": "*"
   },
   "devDependencies": {
     "@babel/core": "^7.12.9",
@@ -102,8 +100,8 @@
   "dependencies": {
     "@ant-design/icons-react-native": "^2.2.1",
     "@ant-design/react-native": "^4.0.5",
-    "@react-native-picker/picker": "^1.16.7",
     "@babel/helper-environment-visitor": "^7.16.7",
+    "@eohjsc/highcharts": "^1.0.9",
     "@eohjsc/react-native-keyboard-aware-scroll-view": "^0.9.5",
     "@formatjs/intl-getcanonicallocales": "^1.4.5",
     "@formatjs/intl-numberformat": "^5.6.2",
@@ -113,14 +111,16 @@
     "@miblanchard/react-native-slider": "^2.2.0",
     "@react-native-clipboard/clipboard": "^1.11.1",
     "@react-native-community/async-storage": "^1.12.1",
-    "@react-native-community/cameraroll": "4.1.2",
+    "@react-native-community/cameraroll": "^4.0.0",
     "@react-native-community/checkbox": "^0.5.5",
-    "@react-native-community/datetimepicker": "^7.0.1",
+    "@react-native-community/datetimepicker": "https://github.com/hinh-eoh/datepicker",
     "@react-native-community/geolocation": "^2.0.2",
     "@react-native-community/masked-view": "^0.1.10",
     "@react-native-community/netinfo": "^9.3.4",
     "@react-native-community/segmented-control": "^2.1.1",
     "@react-native-community/slider": "^3.0.3",
+    "@react-native-community/toolbar-android": "^0.1.0-rc.2",
+    "@react-native-picker/picker": "^1.16.7",
     "@react-navigation/bottom-tabs": "^5.8.0",
     "@react-navigation/drawer": "^5.9.0",
     "@react-navigation/native": "^5.7.0",
@@ -130,7 +130,6 @@
     "apisauce": "^2.1.5",
     "axios": "^0.19.2",
     "base-64": "^1.0.0",
-    "buffer": "^6.0.3",
     "deprecated-react-native-prop-types": "^2.3.0",
     "dotenv": "^8.2.0",
     "google-libphonenumber": "^3.2.10",
@@ -138,8 +137,7 @@
     "i18n-js": "^3.7.1",
     "i18next": "^20.1.0",
     "lodash": "^4.17.19",
-    "lottie-ios": "3.4.1",
-    "lottie-react-native": "5.1.4",
+    "lottie-react-native": "4.0.3",
     "moment": "^2.27.0",
     "moment-timezone": "^0.5.32",
     "numeral": "^2.0.6",
@@ -173,7 +171,7 @@
     "react-native-draggable-flatlist": "^2.6.2",
     "react-native-fast-image": "^8.3.2",
     "react-native-geocoder": "^0.5.0",
-    "react-native-gesture-handler": "^2.10.0",
+    "react-native-gesture-handler": "^1.7.0",
     "react-native-get-location": "^2.0.0",
     "react-native-image-crop-picker": "^0.37.2",
     "react-native-image-resizer": "^1.4.5",
@@ -183,8 +181,8 @@
     "react-native-localize": "^1.4.1",
     "react-native-maps": "0.27.1",
     "react-native-maps-directions": "^1.8.0",
-    "react-native-modal": "^13.0.1",
-    "react-native-modal-datetime-picker": "15.0.0",
+    "react-native-modal": "^11.5.6",
+    "react-native-modal-datetime-picker": "^8.9.3",
     "react-native-new-snap-carousel": "^3.9.3",
     "react-native-onesignal": "^4.3.1",
     "react-native-pager-view": "^5.4.1",
@@ -203,7 +201,7 @@
     "react-native-udp": "^4.1.3",
     "react-native-version-check": "^3.4.2",
     "react-native-vlc-media-player": "^1.0.41",
-    "react-native-webview": "^12.0.2",
+    "react-native-webview": "11.17.2",
     "react-native-wheel-color-picker": "^1.2.0",
     "react-native-wheel-scrollview-picker": "^1.2.2",
     "react-native-wifi-reborn": "^4.5.0",

package/src/commons/ActionGroup/__test__/ColorPickerTemplate.test.js

@@ -115,7 +115,6 @@ describe('Test ColorPickerTemplate', () => {
     await act(async () => {
       await wheelpicker.props.onStart();
     });
-    // NOTE: Hinh will fix it later
-    expect(mockSetAction).not.toBeCalled();
+    expect(mockSetAction).toBeCalled();
   });
 });

package/src/commons/ActionGroup/__test__/TwoButtonTemplate.test.js

@@ -1,9 +1,14 @@
-import React from 'react';
+import React, { useState } from 'react';
 import { TouchableOpacity } from 'react-native';
 import { act, create } from 'react-test-renderer';
 import { DEVICE_TYPE } from '../../../configs/Constants';
 import TwoButtonTemplate from '../TwoButtonTemplate';
 
+jest.mock('react', () => ({
+  ...jest.requireActual('react'),
+  useState: jest.fn(),
+}));
+
 jest.mock('@react-navigation/native', () => {
   return {
     ...jest.requireActual('@react-navigation/native'),
@@ -68,7 +73,11 @@ describe('Test TwoButtonTemplate', () => {
   };
   let wrapper;
 
+  const setState = jest.fn();
+  useState.mockImplementation((init) => [init, setState]);
+
   const assertRender = async (state, text) => {
+    useState.mockImplementationOnce((init) => [state, setState]);
     const mockDoAction = jest.fn();
     await act(async () => {
       wrapper = create(
@@ -92,6 +101,7 @@ describe('Test TwoButtonTemplate', () => {
   });
 
   const assertActionCall = async (state, action_data) => {
+    useState.mockImplementationOnce((init) => [state, setState]);
     const mockDoAction = jest.fn();
     await act(async () => {
       wrapper = create(

package/src/commons/Dashboard/MyPinnedSharedUnit/__test__/MyPinnedSharedUnit.test.js

@@ -12,6 +12,7 @@ import { API } from '../../../../configs';
 import { TouchableOpacity } from 'react-native';
 import api from '../../../../utils/Apis/axios';
 import SharedUnit from '../../../Unit/SharedUnit';
+import { Action } from '../../../../context/actionType';
 
 const mock = new MockAdapter(api.axiosInstance);
 
@@ -74,6 +75,10 @@ describe('Test MyPinnedSharedUnit', () => {
       goToAllSharedUnits.props.onPress();
     });
     expect(mockedNavigate).toHaveBeenCalled();
+    expect(mockSetAction).toBeCalledWith(
+      Action.IS_CHECK_CLEAR_CACHE_UNITS,
+      false
+    );
   });
 
   it('render without item', async () => {

package/src/commons/Dashboard/MyUnit/index.js

@@ -50,10 +50,10 @@ const MyUnit = ({ refreshing }) => {
   const [slideIndex, setSlideIndex] = useState(0);
   const { setAction } = useContext(SCContext);
   const isDeleteUnitSuccessFully = useSCContextSelector(
-    (state) => state?.app?.isDeleteUnitSuccessFully
+    (state) => state.app.isDeleteUnitSuccessFully
   );
   const isNeedUpdateCache = useSCContextSelector(
-    (state) => state?.app?.isNeedUpdateCache
+    (state) => state.app.isNeedUpdateCache
   );
 
   const {

package/src/commons/DateTimeRangeChange/index.js

@@ -119,7 +119,7 @@ const DateTimeRangeChange = memo(
         </View>
         <DateTimePickerModal
           isVisible={eventPicker.showModalStart}
-          date={startDate._d}
+          date={startDate.valueOf()}
           mode={mode}
           onConfirm={onConfirmStart}
           onCancel={onCancel}
@@ -132,7 +132,7 @@ const DateTimeRangeChange = memo(
         />
         <DateTimePickerModal
           isVisible={eventPicker.showModalEnd}
-          date={endDate._d}
+          date={endDate.valueOf()}
           mode={mode}
           onConfirm={onConfirmEnd}
           onCancel={onCancel}
@@ -142,7 +142,7 @@ const DateTimeRangeChange = memo(
           cancelTextIOS={t('cancel')}
           confirmTextIOS={t('confirm')}
           maximumDate={new Date()}
-          minimumDate={startDate._d}
+          minimumDate={startDate.valueOf()}
         />
       </View>
     );

package/src/commons/Device/HistoryChart.js

@@ -28,7 +28,7 @@ const HistoryChart = memo(
     setStartDate,
     groupBy,
     setGroupBy,
-    configuration = {},
+    configuration,
   }) => {
     const t = useTranslations();
     const [price, setPrice] = useState(null);

package/src/commons/Device/HorizontalBarChart.js

@@ -1,10 +1,10 @@
 import React, { memo, useEffect, useMemo, useState } from 'react';
 import { View, StyleSheet } from 'react-native';
 import { isEmpty } from 'lodash';
+import HighchartsReactNative from '@eohjsc/highcharts';
 
 import { Colors } from '../../configs';
 import { getMaxValueIndex } from '../../utils/chartHelper/getMaxValueIndex';
-import Highcharts from '../Highcharts';
 
 const HorizontalBarChart = memo(({ datas, config }) => {
   const [chartOptions, setChartOptions] = useState({
@@ -152,9 +152,10 @@ const HorizontalBarChart = memo(({ datas, config }) => {
 
   return (
     <View style={[styles.container, { height: heightChart }]}>
-      <Highcharts
-        styles={[styles.chartStyle, styles.webviewStyle]}
+      <HighchartsReactNative
+        styles={styles.chartStyle}
         options={chartOptions}
+        webviewStyles={styles.webviewStyle}
       />
     </View>
   );

package/src/commons/Device/LinearChart.js

@@ -1,8 +1,8 @@
 import React, { useState, useEffect, useCallback } from 'react';
 import { StyleSheet, View } from 'react-native';
+import HighchartsReactNative from '@eohjsc/highcharts';
 import moment from 'moment';
 import { Colors } from '../../configs';
-import Highcharts from '../Highcharts';
 
 const convertData = (data = []) => {
   let arr = [];
@@ -108,8 +108,10 @@ function LinearChart({ datas }) {
 
   return (
     <View style={styles.container}>
-      <Highcharts
-        styles={[styles.chartStyle, styles.webviewStyle]}
+      {/* // TODO : Hinh will research to fix warning Highchart*/}
+      <HighchartsReactNative
+        styles={styles.chartStyle}
+        webviewStyles={styles.webviewStyle}
         options={options}
       />
     </View>

package/src/commons/FlatListDnD/__test__/index.test.js

@@ -1,4 +1,3 @@
-/* eslint-disable no-unused-vars */
 import React from 'react';
 import renderer, { act } from 'react-test-renderer';
 import DraggableFlatList from 'react-native-draggable-flatlist';
@@ -13,7 +12,6 @@ const wrapComponent = ({ ...rest }) => (
   </SCProvider>
 );
 
-// NOTE: Hinh will fix it later
 describe('Test FlatListDnD', () => {
   let tree;
   let setData = jest.fn();
@@ -21,31 +19,31 @@ describe('Test FlatListDnD', () => {
   let renderItem = () => <></>;
 
   it('render FlatListDnD onDragEndCT', async () => {
-    // const onDragEndCT = jest.fn();
-    // await act(async () => {
-    //   tree = renderer.create(
-    //     wrapComponent({ data, setData, onDragEndCT, renderItem })
-    //   );
-    // });
-    // const instance = tree.root;
-    // const draggableFlatList = instance.findAllByType(DraggableFlatList);
-    // expect(draggableFlatList.length).toBe(1);
-    // await act(async () => {
-    //   draggableFlatList[0].props.onDragEnd({ data: [{ id: 2 }, { id: 1 }] });
-    // });
-    // expect(setData).toBeCalledWith([{ id: 2 }, { id: 1 }]);
+    const onDragEndCT = jest.fn();
+    await act(async () => {
+      tree = renderer.create(
+        wrapComponent({ data, setData, onDragEndCT, renderItem })
+      );
+    });
+    const instance = tree.root;
+    const draggableFlatList = instance.findAllByType(DraggableFlatList);
+    expect(draggableFlatList.length).toBe(1);
+    await act(async () => {
+      draggableFlatList[0].props.onDragEnd({ data: [{ id: 2 }, { id: 1 }] });
+    });
+    expect(setData).toBeCalledWith([{ id: 2 }, { id: 1 }]);
   });
 
-  // it('render FlatListDnD onDragEnd', async () => {
-  //   await act(async () => {
-  //     tree = renderer.create(wrapComponent({ data, setData, renderItem }));
-  //   });
-  //   const instance = tree.root;
-  //   const draggableFlatList = instance.findAllByType(DraggableFlatList);
-  //   expect(draggableFlatList.length).toBe(1);
-  //   await act(async () => {
-  //     draggableFlatList[0].props.onDragEnd({ data: [{ id: 2 }, { id: 1 }] });
-  //   });
-  //   expect(setData).toBeCalledWith([{ id: 2 }, { id: 1 }]);
-  // });
+  it('render FlatListDnD onDragEnd', async () => {
+    await act(async () => {
+      tree = renderer.create(wrapComponent({ data, setData, renderItem }));
+    });
+    const instance = tree.root;
+    const draggableFlatList = instance.findAllByType(DraggableFlatList);
+    expect(draggableFlatList.length).toBe(1);
+    await act(async () => {
+      draggableFlatList[0].props.onDragEnd({ data: [{ id: 2 }, { id: 1 }] });
+    });
+    expect(setData).toBeCalledWith([{ id: 2 }, { id: 1 }]);
+  });
 });

package/src/commons/GroupCheckBox/__test__/GroupCheckBox.test.js

@@ -1,12 +1,22 @@
-import React from 'react';
+import React, { useState } from 'react';
 import { act, create } from 'react-test-renderer';
 import { TouchableOpacity } from 'react-native';
 
 import { AccessibilityLabel } from '../../../configs/Constants';
 import GroupCheckBox from '..';
 
+jest.mock('react', () => ({
+  ...jest.requireActual('react'),
+  useState: jest.fn(),
+}));
+
 describe('Test Group CheckBox', () => {
   let tree;
+  const mockSetState = () => {
+    const setState = jest.fn();
+    useState.mockImplementation((init) => [init, setState]);
+    return setState;
+  };
 
   const findGroupCheckBoxItem = (instance) => {
     const item = instance.find(
@@ -24,6 +34,7 @@ describe('Test Group CheckBox', () => {
         description: 'description',
       },
     ];
+    mockSetState();
     await act(async () => {
       tree = await create(<GroupCheckBox data={data} />);
     });
@@ -40,6 +51,7 @@ describe('Test Group CheckBox', () => {
       },
     ];
     const mockFunc = jest.fn();
+    const setState = mockSetState();
     await act(async () => {
       tree = await create(
         <GroupCheckBox data={data} onSelect={mockFunc} multiple />
@@ -50,6 +62,9 @@ describe('Test Group CheckBox', () => {
     await act(async () => {
       item.props.onSelect(0);
     });
+    expect(setState).toHaveBeenCalledTimes(2);
+    expect(setState).toHaveBeenNthCalledWith(1, [0]);
+    expect(setState).toHaveBeenNthCalledWith(2, [0]);
     expect(mockFunc).toHaveBeenCalledWith([
       { description: 'description', source: 'source', title: 'testItem' },
     ]);
@@ -70,6 +85,7 @@ describe('Test Group CheckBox', () => {
       },
     ];
     const mockFunc = jest.fn();
+    const setState = mockSetState();
     await act(async () => {
       tree = await create(<GroupCheckBox data={data} onSelect={mockFunc} />);
     });
@@ -78,6 +94,8 @@ describe('Test Group CheckBox', () => {
     await act(async () => {
       item.props.onSelect(0);
     });
+    expect(setState).toHaveBeenNthCalledWith(1, [0]);
+    expect(setState).toHaveBeenNthCalledWith(2, [0]);
     expect(mockFunc).toHaveBeenCalledWith({
       description: 'description 1',
       title: 'title 1',
@@ -96,6 +114,8 @@ describe('Test Group CheckBox', () => {
       },
     ];
     const mockFunc = jest.fn();
+    const setState = jest.fn();
+    useState.mockImplementation((init) => [[0], setState]);
     await act(async () => {
       tree = await create(<GroupCheckBox data={data} onSelect={mockFunc} />);
     });
@@ -108,6 +128,7 @@ describe('Test Group CheckBox', () => {
     await act(async () => {
       items[1].props.onSelect(0);
     });
+    expect(setState).toHaveBeenCalledWith([]); // called 1 time
     expect(mockFunc).toHaveBeenCalledWith({
       description: 'description 1',
       title: 'title 1',

package/src/commons/MediaPlayerDetail/__test__/MediaPlayerFull.test.js

@@ -1,10 +1,18 @@
-import React from 'react';
+import React, { useState } from 'react';
 import { TouchableOpacity } from 'react-native';
 import { act, create } from 'react-test-renderer';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 import MediaPlayerFull from '../MediaPlayerFull';
 
+const mockSetState = jest.fn();
+jest.mock('react', () => {
+  return {
+    ...jest.requireActual('react'),
+    useState: jest.fn((init) => [init, mockSetState]),
+  };
+});
+
 const wrapComponent = (props) => (
   <SCProvider initState={mockSCStore({})}>
     <MediaPlayerFull {...props} />
@@ -14,7 +22,14 @@ const wrapComponent = (props) => (
 describe('Test MediaPlayerFull', () => {
   let tree;
 
+  afterEach(() => {
+    useState.mockClear();
+  });
+
   it('Test render', async () => {
+    useState.mockImplementationOnce((init) => [false, mockSetState]);
+    useState.mockImplementationOnce((init) => [false, mockSetState]);
+    useState.mockImplementationOnce((init) => [init, mockSetState]);
     await act(async () => {
       tree = await create(
         wrapComponent({
@@ -29,13 +44,18 @@ describe('Test MediaPlayerFull', () => {
     await act(async () => {
       TouchableOpacities[0].props.onPress();
     });
+    expect(mockSetState).toBeCalledWith(false);
     await act(async () => {
       TouchableOpacities[1].props.onPress();
       TouchableOpacities[2].props.onPress();
     });
+    expect(mockSetState).toBeCalledWith(true);
   });
 
   it('Test render 2', async () => {
+    useState.mockImplementationOnce((init) => [true, mockSetState]);
+    useState.mockImplementationOnce((init) => [true, mockSetState]);
+    useState.mockImplementationOnce((init) => [init, mockSetState]);
     await act(async () => {
       tree = await create(
         wrapComponent({
@@ -52,9 +72,11 @@ describe('Test MediaPlayerFull', () => {
     await act(async () => {
       TouchableOpacities[0].props.onPress();
     });
+    expect(mockSetState).toBeCalledWith(false);
     await act(async () => {
       TouchableOpacities[1].props.onPress();
       TouchableOpacities[2].props.onPress();
     });
+    expect(mockSetState).toBeCalledWith(true);
   });
 });

package/src/commons/Processing/index.js

@@ -149,7 +149,6 @@ const Processing = ({
             onLeftClick={goBack}
             rightTitle={t('ok')}
             onRightClick={handleOk}
-            wrapStyle={styles.wrapViewButton}
           />
         </View>
       </ModalCustom>

package/src/commons/Processing/styles.js

@@ -51,7 +51,4 @@ export default StyleSheet.create({
   txtCenter: {
     textAlign: 'center',
   },
-  wrapViewButton: {
-    position: 'relative',
-  },
 });

package/src/commons/Unit/HeaderUnit/index.js

@@ -4,11 +4,9 @@ import { Icon } from '@ant-design/react-native';
 import { useNavigation } from '@react-navigation/native';
 import { getStatusBarHeight } from 'react-native-iphone-x-helper';
 
-import { Colors, Device, Images } from '../../../configs';
+import { Colors, Device } from '../../../configs';
 import Text from '../../Text';
 import { AccessibilityLabel } from '../../../configs/Constants';
-import { Image } from 'react-native';
-import { Platform } from 'react-native';
 
 const HeaderUnit = memo(
   ({
@@ -49,7 +47,11 @@ const HeaderUnit = memo(
           style={styles.btnLeft}
           onPress={onPressBack}
         >
-          <Image source={Images.arrowLeft} style={styles.iconBack} />
+          <Icon
+            name={'left'}
+            size={27}
+            color={transparent ? Colors.White : Colors.Black}
+          />
         </TouchableOpacity>
         <View style={[styles.boxTitle, styleBoxTitle]}>
           {title && (
@@ -68,7 +70,7 @@ const HeaderUnit = memo(
                 onPress={onPressAdd}
               >
                 <Icon
-                  name={Platform.OS === 'android' ? 'plus-square' : 'plus'}
+                  name={'plus'}
                   size={27}
                   color={transparent ? Colors.White : Colors.Black}
                 />
@@ -81,10 +83,9 @@ const HeaderUnit = memo(
               accessibilityLabel={idButtonMore}
             >
               <Icon
-                name={'ellipsis'}
+                name={'more'}
                 size={27}
                 color={transparent ? Colors.White : Colors.Black}
-                style={styles.iconMore}
               />
             </TouchableOpacity>
           </View>
@@ -145,12 +146,4 @@ const styles = StyleSheet.create({
     borderBottomWidth: 1,
     borderBottomColor: Colors.Gray4,
   },
-  iconMore: {
-    transform: [{ rotate: '90deg' }],
-  },
-  iconBack: {
-    tintColor: Colors.White,
-    width: 16,
-    height: 20,
-  },
 });