@eohjsc/react-native-smart-city 0.2.55 → 0.2.59

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

@@ -1,16 +1,32 @@
-import React, { useState } from 'react';
-import { Image, StyleSheet, View } from 'react-native';
+import React, { useState, useCallback } from 'react';
+import { Image, StyleSheet, View, TouchableOpacity } from 'react-native';
+import { useNavigation } from '@react-navigation/native';
+
 import ItemQuickAction from '../../../../commons/Action/ItemQuickAction';
 import Text from '../../../../commons/Text';
+import Routes from '../../../../utils/Route';
 
 import { Colors, Images } from '../../../../configs';
 
-const MyUnitDevice = ({ sensor }) => {
+const MyUnitDevice = ({ sensor, unit }) => {
   const [status, setStatus] = useState(sensor.status);
+  const { navigate } = useNavigation();
+
+  const goToSensorDisplay = useCallback(() => {
+    navigate(Routes.UnitStack, {
+      screen: Routes.DeviceDetail,
+      params: {
+        unit,
+        sensor,
+        title: sensor?.name,
+        station: sensor?.station,
+      },
+    });
+  }, [navigate, sensor, unit]);
 
   return (
     <View style={styles.item}>
-      <View style={styles.rowCenter}>
+      <TouchableOpacity style={styles.rowCenter} onPress={goToSensorDisplay}>
         <Image style={styles.image} source={Images.mainDoor} />
         <View style={styles.marginTop3}>
           <Text semibold style={styles.nameDevice}>
@@ -23,7 +39,7 @@ const MyUnitDevice = ({ sensor }) => {
             </Text>
           </View>
         </View>
-      </View>
+      </TouchableOpacity>
       <ItemQuickAction
         sensor={sensor}
         wrapperStyle={styles.iconCircle}

package/src/screens/Unit/hook/useStateAlertRemove.js

@@ -22,7 +22,9 @@ export const useStateAlertRemove = () => {
       setStateAlertRemove((state) => ({
         ...state,
         visible: true,
-        message: `${t('are_you_sure_want_to_delete', { text: brand })}`,
+        message: `${t('are_you_sure_want_to_delete', {
+          text: brand === 'google_home' ? 'Điện Quang' : brand,
+        })}`,
       }));
     },
     [t]

package/src/screens/UnitSummary/components/3PPowerConsumption/index.js

@@ -239,7 +239,7 @@ const ThreePhasePowerConsumption = memo(({ unit, summary, summaryDetail }) => {
       </Section>
 
       <Section type={'border'}>
-        <Text semibold style={styles.textIndoor} size={20}>
+        <Text type="H3" semibold style={styles.textIndoor}>
           {t('text_total_power_consumption')}
         </Text>
 

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

@@ -145,7 +145,7 @@ const PowerConsumption = memo(({ summaryDetail }) => {
       </Section>
 
       <Section type={'border'}>
-        <Text semibold style={styles.textIndoor} size={20}>
+        <Text type="H3" semibold style={styles.textIndoor}>
           {t('text_total_power_consumption')}
         </Text>
 

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

@@ -35,9 +35,7 @@ const Item = memo((props) => {
       <Text size={24} color={color || Colors.Gray9} style={styles.textValue}>
         {value}
       </Text>
-      <Text size={12} color={Colors.Gray8}>
-        {des}
-      </Text>
+      <Text color={Colors.Gray8}>{des}</Text>
       <View style={styles.boxSvg}>
         <Text>{svgMain}</Text>
       </View>

package/src/screens/UnitSummary/index.js

@@ -68,7 +68,9 @@ const UnitSummary = memo(({ route }) => {
 
   const fetchSummaryDetail = useCallback(async () => {
     const { success, data } = await axiosGet(
-      API.UNIT.UNIT_SUMMARY_DETAIL(unit.id, summary.id)
+      API.UNIT.UNIT_SUMMARY_DETAIL(unit.id, summary.id),
+      {},
+      true
     );
     setLoading(false);
     if (success) {
@@ -136,7 +138,6 @@ const styles = StyleSheet.create({
   container: {
     flex: 1,
     backgroundColor: Colors.Gray2,
-    paddingBottom: 60,
   },
   textHeader: {
     color: Colors.Gray9,

package/src/utils/Apis/axios.js

@@ -1,6 +1,7 @@
 import axios from 'axios';
 import { deleteData, getData, storeData } from '../Storage';
 import { ToastBottomHelper } from '../Utils';
+import NetInfo from '@react-native-community/netinfo';
 
 export const replaceParams = (apiURL, params) => {
   let _result = apiURL;
@@ -12,7 +13,7 @@ export const replaceParams = (apiURL, params) => {
   return _result;
 };
 
-const parseErrorResponse = (error) => {
+const parseErrorResponse = async (error) => {
   let message;
   let data = {};
   if (
@@ -31,7 +32,18 @@ const parseErrorResponse = (error) => {
     message = error.message;
   }
 
-  typeof message === 'string' && ToastBottomHelper.error(message);
+  if (typeof message === 'string') {
+    let hideError = false;
+    if (message === 'Network Error') {
+      const netState = await NetInfo.fetch();
+      if (!netState.isConnected) {
+        hideError = true;
+      }
+    }
+    if (!hideError) {
+      ToastBottomHelper.error(message);
+    }
+  }
 
   return {
     success: false,
@@ -77,12 +89,12 @@ export async function axiosGet(URL, config = {}, cache = false) {
     if (cache) {
       // only network error or server error
       if (!error.response || error.response.status >= 500) {
-        return (await axiosCache(URL)) || parseErrorResponse(error);
+        return (await axiosCache(URL)) || (await parseErrorResponse(error));
       } else {
         await deleteData(cacheKey);
       }
     }
-    return parseErrorResponse(error);
+    return await parseErrorResponse(error);
   }
   const { data } = response;
   if (response.status === 200) {
@@ -106,7 +118,7 @@ async function axiosCall(method, ...args) {
   try {
     response = await axios[method](...args);
   } catch (error) {
-    return parseErrorResponse(error);
+    return await parseErrorResponse(error);
   }
 
   const { data } = response;

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

@@ -186,7 +186,8 @@
   "explanation": "Do everything with just one button",
   "value_change": "Value change",
   "schedule": "Schedule",
-  "short_explanation": "Short explanation",
+  "setup_the_conditions": "Setup the conditions",
+  "setup_the_schedule": "Setup the Schedule",
   "des_launch_one_tap": "Quick button create at the dashboard",
   "active_list": "Actions List",
   "text_very_good_level": "Very good",
@@ -300,6 +301,9 @@
   "text_next": "Next",
   "text_done": "Done",
   "locations_near_me": "Locations near me",
+  "your_location": "Your location",
+  "choose_on_map": "Choose on map",
+  "plan_and_zoom_to_adjust": "Plan and zoom to adjust",
   "manage_sub_unit": "Manage sub-unit",
   "remove_sub_unit": "Remove sub-unit",
   "text_ble_is_powered_on": "Bluetooth is powered on",
@@ -662,7 +666,6 @@
   "text_notification_content_pay_fine_successfully": "Your violation **%{booking}** has been paid successfully.",
   "text_notification_content_pay_fine_and_extend_successfully": "Your violation **%{booking_id_old}** has been paid successfully. The new parking session **%{booking_id_new}** is now extended until **%{leave_time}**.",
   "text_notification_content_stop_violation_free_parking_zone": "Free parking zone. You have an unpaid violation. Please complete your fine.",
-  "text_notification_content_update_reminder": "You have an Update Health Value schedule need to complete.",
   "this_spot_does_not_exsit": "This spot does not exist",
   "please_scan_again_or_contact_the_parking_manager": "Please scan again or contact the parking manager",
   "this_spot_does_not_support_to_scan": "This spot does not support to scan",
@@ -825,7 +828,8 @@
   "quick_button_create_at_dashboard": "Quick button create at dashboard",
   "every_day_at": "Every day at {time}",
   "you_do_not_have_the_device_or_have_share_control_device": "You do not have the device or you haven’t been shared the control for the device.",
-  "your_internet_is_disconnected_change_to_control_via_bluetooth_connection": "Your internet is disconnected, change to control {name} via Bluetooth connection",
+  "your_internet_is_disconnected": "Your internet is disconnected",
+  "change_to_control_via_bluetooth_connection": "change to control {name} via Bluetooth connection",
   "your_connection_to_the_server_was_disconnected_please_open_the_bluetooth_to_continue": "Your connection to the server was disconnected, Please open the Bluetooth to continue",
   "error_please_try_later": "Error! Please try later",
   "mon": "Mon",
@@ -839,5 +843,10 @@
   "connected_via_internet": "Connected via Internet",
   "name_your_unit": "Name your unit",
   "script_updated_by": "Script updated by",
-  "qr_scan_guidelines": "The QR code will be detected automatically when it’s positioned within the guide lines."
+  "qr_scan_guidelines": "The QR code will be detected automatically when it’s positioned within the guide lines.",
+  "now_playing": "Now Playing",
+  "pause": "Pause",
+  "volume": "Volume",
+  "this_notification_will_be_updated_soon": "This notification will be updated soon",
+  "tap_to_add_new_schedule": "Tap + to add new schedule"
 }

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

@@ -43,7 +43,8 @@
   "launch_one_tap": "Khởi chạy một lần chạm",
   "explanation": "Làm mọi thứ chỉ với một nút",
   "value_change": "Thay đổi giá trị",
-  "short_explanation": "Giải thích ngắn gọn",
+  "setup_the_conditions": "Cài đặt điều kiện",
+  "setup_the_schedule": "Cài đặt thời gian ",
   "schedule": "Lịch trình",
   "des_launch_one_tap": "Tạo nút nhanh trên trang tổng quan",
   "active_list": "Danh sách hành động",
@@ -335,13 +336,16 @@
   "text_next": "Tiếp theo",
   "text_done": "Hoàn tất",
   "locations_near_me": "Địa điểm gần tôi",
+  "your_location": "Vị trí của bạn",
+  "choose_on_map": "Chọn trên bản đồ",
+  "plan_and_zoom_to_adjust": "Di chuyển và phóng to để điều chỉnh",
   "manage_sub_unit": "Quản lý khu vực",
   "remove_sub_unit": "Xóa khu vực",
   "text_ble_is_powered_on": "Bluetooth đã được mở",
   "current_wind_speed": "Tốc độ gió hiện tại",
   "history": "Lịch sử",
   "wind_speed": "Tốc độ gió",
-  "from": "từ",
+  "from": "Từ",
   "to": "đến",
   "condition": "Điều kiện",
   "shared_unit": "Khu vực được chia sẻ",
@@ -670,7 +674,6 @@
   "text_notification_content_pay_fine_successfully": "Đỗ xe vi phạm **%{booking}** của bạn đã được thanh toán.",
   "text_notification_content_pay_fine_and_extend_successfully": "Đỗ xe vi phạm **%{oldbooking}** của bạn đã được thanh toán thành công. Phiên đỗ xe mới **%{newbooking}** sẽ kết thúc vào lúc **%{time}**.",
   "text_notification_content_stop_violation_free_parking_zone": "Thời gian đậu xe miễn phí. Bạn có một vi phạm chưa được thanh toán. Vui lòng hoàn thành tiền phạt của bạn.",
-  "text_notification_content_update_reminder": "Bạn có một nhắc nhở cập nhật chỉ số sức khỏe cần hoàn thành.",
   "this_spot_does_not_exsit": "Vị trí đỗ này không tồn tại",
   "please_scan_again_or_contact_the_parking_manager": "Vui lòng quét lại hoặc liên hệ với người quản lý bãi đậu xe",
   "this_spot_does_not_support_to_scan": "Vị trí đỗ này không hỗ trợ quét",
@@ -805,8 +808,8 @@
   "activated_by": "Đã kích hoạt bởi",
   "delete": "Xóa",
   "apply": "Xác nhận",
-  "by_date": "By Date",
-  "by_user": "By User",
+  "by_date": "Theo Ngày",
+  "by_user": "Bởi Người Dùng",
   "options": "Tùy chọn",
   "mode": "Chế độ",
   "text_on": "Bật",
@@ -826,7 +829,8 @@
   "quick_button_create_at_dashboard": "Tạo nút nhanh trên bảng điều khiển",
   "every_day_at": "Mỗi ngày vào lúc {time}",
   "you_do_not_have_the_device_or_have_share_control_device": "Bạn không có thiết bị nào hoặc chưa được cấp quyền để điều khiển thiết bị.",
-  "your_internet_is_disconnected_change_to_control_via_bluetooth_connection":"Internet của bạn bị ngắt kết nối, thay đổi sang điều khiển {name} qua kết nối Bluetooth",
+  "your_internet_is_disconnected": "Internet của bạn bị ngắt kết nối",
+  "change_to_control_via_bluetooth_connection": "thay đổi sang điều khiển {name} qua kết nối Bluetooth",
   "your_connection_to_the_server_was_disconnected_please_open_the_bluetooth_to_continue": "Kết nối của bạn với máy chủ đã bị ngắt, vui lòng mở Bluetooth để tiếp tục",
   "error_please_try_later": "Lỗi! Vui lòng thử lại sau",
   "mon": "T2",
@@ -840,5 +844,10 @@
   "connected_via_internet": "Đã kết nối điều khiển thông qua Internet",
   "name_your_unit": "Đặt tên cho khu vực của bạn",
   "script_updated_by": "Kịch bản được cập nhật bởi",
-  "qr_scan_guidelines": "Mã QR sẽ được phát hiện tự động khi nó được định vị trong các dòng hướng dẫn."
+  "qr_scan_guidelines": "Mã QR sẽ được phát hiện tự động khi nó được định vị trong các dòng hướng dẫn.",
+  "now_playing": "Đang chạy",
+  "pause": "Tạm dừng",
+  "volume": "Âm lượng",
+  "this_notification_will_be_updated_soon": "Thông báo này sẽ sớm được cập nhật",
+  "tap_to_add_new_schedule": "Nhấn + để thêm lịch trình mới"
 }

package/src/utils/Route/index.js

@@ -41,7 +41,8 @@ const Routes = {
   ConnectingDevices: 'ConnectingDevices',
   ConnectingGateway: 'ConnectingGateway',
   ManageUnit: 'ManageUnit',
-  SelectLocation: 'SelectLocation',
+  SelectAddress: 'SelectAddress',
+  ChooseLocation: 'ChooseLocation',
   ManageSubUnit: 'ManageSubUnit',
   Dashboard: 'Dashboard',
   Shared: 'Shared',

package/src/utils/Utils.js

@@ -26,6 +26,11 @@ export const isObjectEmpty = (obj) => {
   return Object.keys(obj).length === 0;
 };
 
+export const shortEmailName = (email) => {
+  const regex = '([^@]+)';
+  return email?.match(regex)[0];
+};
+
 export const formatNumberCompact = (number) => {
   return new Intl.NumberFormat('en-US', {
     notation: 'compact',
@@ -66,7 +71,7 @@ export const openMapDirection = (item) => () => {
 };
 
 export const ToastBottomHelper = {
-  success: (msg) => {
+  success: (msg, line2) => {
     if (!Toast._ref) {
       return;
     }
@@ -75,10 +80,11 @@ export const ToastBottomHelper = {
       type: 'success',
       position: 'bottom',
       text1: msg,
+      text2: line2,
       visibilityTime: 1000,
     });
   },
-  error: (msg) => {
+  error: (msg, line2) => {
     if (!Toast._ref) {
       return;
     }
@@ -87,6 +93,20 @@ export const ToastBottomHelper = {
       type: 'error',
       position: 'bottom',
       text1: msg,
+      text2: line2,
+      visibilityTime: 1000,
+    });
+  },
+  info: (msg, line2) => {
+    if (!Toast._ref) {
+      return;
+    }
+
+    Toast.show({
+      type: 'info',
+      position: 'bottom',
+      text1: msg,
+      text2: line2,
       visibilityTime: 1000,
     });
   },

package/assets/images/AddLocationMaps/PinLocation.svg

@@ -1,3 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M16 10.2188C15.0656 10.2188 14.1875 10.5812 13.525 11.2437C13.1994 11.5684 12.9413 11.9542 12.7654 12.3789C12.5895 12.8037 12.4993 13.259 12.5 13.7188C12.5 14.6531 12.8656 15.5312 13.525 16.1938C13.8496 16.5193 14.2354 16.7775 14.6602 16.9534C15.0849 17.1293 15.5403 17.2195 16 17.2188C16.9344 17.2188 17.8125 16.8531 18.475 16.1938C19.1375 15.5312 19.5 14.6531 19.5 13.7188C19.5 12.7844 19.1375 11.9062 18.475 11.2437C17.8125 10.5812 16.9344 10.2188 16 10.2188ZM26.7062 9.03438C26.1179 7.67775 25.2697 6.44944 24.2094 5.41875C23.1456 4.37875 21.8915 3.55331 20.5156 2.9875C19.0844 2.39375 17.5656 2.09375 16 2.09375C14.4344 2.09375 12.9156 2.39375 11.4844 2.98438C10.1 3.55625 8.85938 4.375 7.79063 5.41563C6.73101 6.44689 5.88286 7.67506 5.29375 9.03125C4.68437 10.4375 4.375 11.9312 4.375 13.4688C4.375 15.675 4.90313 17.8719 5.94063 19.9906C6.775 21.6938 7.94063 23.3531 9.40938 24.9312C11.9188 27.625 14.55 29.2719 15.2969 29.7125C15.5089 29.8377 15.7507 29.9036 15.9969 29.9031C16.2406 29.9031 16.4812 29.8406 16.6969 29.7125C17.4437 29.2719 20.075 27.625 22.5844 24.9312C24.0531 23.3562 25.2188 21.6938 26.0531 19.9906C27.0969 17.875 27.625 15.6812 27.625 13.4719C27.625 11.9344 27.3156 10.4406 26.7062 9.03438ZM16 19.2188C12.9625 19.2188 10.5 16.7563 10.5 13.7188C10.5 10.6812 12.9625 8.21875 16 8.21875C19.0375 8.21875 21.5 10.6812 21.5 13.7188C21.5 16.7563 19.0375 19.2188 16 19.2188Z" fill="#1890FF"/>
-</svg>

package/assets/images/AddLocationMaps/Point.svg

@@ -1,3 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M16 10.2188C15.0656 10.2188 14.1875 10.5812 13.525 11.2437C13.1994 11.5684 12.9413 11.9542 12.7654 12.3789C12.5895 12.8037 12.4993 13.259 12.5 13.7188C12.5 14.6531 12.8656 15.5312 13.525 16.1938C13.8496 16.5193 14.2354 16.7775 14.6602 16.9534C15.0849 17.1293 15.5403 17.2195 16 17.2188C16.9344 17.2188 17.8125 16.8531 18.475 16.1938C19.1375 15.5312 19.5 14.6531 19.5 13.7188C19.5 12.7844 19.1375 11.9062 18.475 11.2437C17.8125 10.5812 16.9344 10.2188 16 10.2188ZM26.7062 9.03438C26.1179 7.67775 25.2697 6.44944 24.2094 5.41875C23.1456 4.37875 21.8915 3.55331 20.5156 2.9875C19.0844 2.39375 17.5656 2.09375 16 2.09375C14.4344 2.09375 12.9156 2.39375 11.4844 2.98438C10.1 3.55625 8.85938 4.375 7.79063 5.41563C6.73101 6.44689 5.88286 7.67506 5.29375 9.03125C4.68437 10.4375 4.375 11.9312 4.375 13.4688C4.375 15.675 4.90313 17.8719 5.94063 19.9906C6.775 21.6938 7.94063 23.3531 9.40938 24.9312C11.9188 27.625 14.55 29.2719 15.2969 29.7125C15.5089 29.8377 15.7507 29.9036 15.9969 29.9031C16.2406 29.9031 16.4812 29.8406 16.6969 29.7125C17.4437 29.2719 20.075 27.625 22.5844 24.9312C24.0531 23.3562 25.2188 21.6938 26.0531 19.9906C27.0969 17.875 27.625 15.6812 27.625 13.4719C27.625 11.9344 27.3156 10.4406 26.7062 9.03438ZM16 19.2188C12.9625 19.2188 10.5 16.7563 10.5 13.7188C10.5 10.6812 12.9625 8.21875 16 8.21875C19.0375 8.21875 21.5 10.6812 21.5 13.7188C21.5 16.7563 19.0375 19.2188 16 19.2188Z" fill="#1890FF"/>
-</svg>

package/src/screens/Unit/ManageUnit/index.js

@@ -1,286 +0,0 @@
-import React, { useState, useCallback, useEffect } from 'react';
-import {
-  View,
-  StyleSheet,
-  TouchableOpacity,
-  Image,
-  Platform,
-} from 'react-native';
-import Animated from 'react-native-reanimated';
-import { useTranslations } from '../../../hooks/Common/useTranslations';
-
-import { Colors, API, Device } from '../../../configs';
-import Routes from '../../../utils/Route';
-import { ToastBottomHelper } from '../../../utils/Utils';
-import {
-  createFormData,
-  axiosPatch,
-  axiosDelete,
-} from '../../../utils/Apis/axios';
-import { navigate } from '../../../navigations/utils';
-import useBoolean from '../../../hooks/Common/useBoolean';
-import useKeyboardAnimated from '../../../hooks/Explore/useKeyboardAnimated';
-
-import {
-  AlertAction,
-  Section,
-  ViewButtonBottom,
-  ImagePicker,
-} from '../../../commons';
-
-import Text from '../../../commons/Text';
-import _TextInput from '../../../commons/Form/TextInput';
-import WrapHeaderScrollable from '../../../commons/Sharing/WrapHeaderScrollable';
-import { getBottomSpace } from 'react-native-iphone-x-helper';
-import { useIsOwnerOfUnit } from '../../../hooks/Common';
-import { TESTID } from '../../../configs/Constants';
-import { ModalCustom } from '../../../commons/Modal';
-
-const ManageUnit = ({ route }) => {
-  const t = useTranslations();
-  const { unit } = route.params;
-  const { isOwner } = useIsOwnerOfUnit(unit.user_id);
-  const [showEdit, setshowEdit, setHideEdit] = useBoolean();
-  const [unitName, setUnitName] = useState(unit.name);
-  const [imageUrl, setImageUrl] = useState('');
-  const [showImagePicker, setShowImagePicker] = useState(false);
-
-  const updateUnit = useCallback(
-    async (headers) => {
-      const formData = createFormData(imageUrl, ['background']);
-
-      const { success } = await axiosPatch(
-        API.UNIT.MANAGE_UNIT(unit.id),
-        formData,
-        headers
-      );
-      if (success) {
-        ToastBottomHelper.success(t('unit_updated_successfully'));
-      }
-    },
-    [imageUrl, unit.id, t]
-  );
-
-  const goRename = useCallback(async () => {
-    await updateUnit({ name: unitName }, {});
-    setHideEdit(true);
-  }, [unitName, setHideEdit, updateUnit]);
-
-  const handleChoosePhoto = useCallback(() => {
-    setShowImagePicker(true);
-  }, [setShowImagePicker]);
-
-  useEffect(() => {
-    if (imageUrl) {
-      updateUnit({
-        headers: { 'Content-Type': 'multipart/form-data' },
-      });
-    }
-  }, [imageUrl, updateUnit]);
-
-  const [showRemove, setshowRemove, setHideRemove] = useBoolean();
-  const goRemove = useCallback(async () => {
-    const { success } = await axiosDelete(API.UNIT.MANAGE_UNIT(unit.id));
-    if (success) {
-      setHideEdit(true);
-      ToastBottomHelper.success(t('unit_deleted_successfully'));
-      navigate(Routes.Dashboard);
-    }
-  }, [unit.id, setHideEdit, t]);
-
-  const [transY] = useKeyboardAnimated(-16);
-  const animatedStyle = Platform.select({
-    ios: {
-      marginBottom: transY,
-    },
-  });
-
-  const options = {
-    mediaType: 'photo',
-    maxWidth: 1024,
-    quality: 0.8,
-    includeBase64: Device.isIOS,
-    saveToPhotos: true,
-  };
-
-  return (
-    <>
-      <WrapHeaderScrollable title={t('manage_unit')}>
-        <View style={styles.wraper}>
-          {isOwner && (
-            <Section type={'border'}>
-              <TouchableOpacity
-                onPress={setshowEdit}
-                testID={TESTID.TOUCH_UNIT_IN_MANAGE_UNIT}
-              >
-                <Text style={[styles.textWraper, styles.unitName]}>
-                  {unit.name}
-                </Text>
-              </TouchableOpacity>
-
-              <TouchableOpacity style={[styles.textWraper]}>
-                <Text style={styles.unitName}>{t('geolocation')}</Text>
-                <Text style={styles.unitGeolocation}>{unit.address}</Text>
-              </TouchableOpacity>
-              <TouchableOpacity
-                style={[styles.backgroundContainer]}
-                onPress={handleChoosePhoto}
-              >
-                <Text style={[styles.unitName, styles.textBackground]}>
-                  {t('background')}
-                </Text>
-                <Image
-                  style={styles.image}
-                  source={{ uri: unit.background }}
-                  resizeMode="cover"
-                />
-              </TouchableOpacity>
-
-              <ImagePicker
-                showImagePicker={showImagePicker}
-                setShowImagePicker={setShowImagePicker}
-                setImageUrl={setImageUrl}
-                optionsCapture={options}
-              />
-            </Section>
-          )}
-        </View>
-      </WrapHeaderScrollable>
-      <TouchableOpacity style={styles.removeButton} onPress={setshowRemove}>
-        <Text type={'H4'} semibold color={Colors.Gray6}>
-          {t('remove_unit')}
-        </Text>
-      </TouchableOpacity>
-      <ModalCustom
-        isVisible={showEdit}
-        onBackButtonPress={setHideEdit}
-        onBackdropPress={setHideEdit}
-        style={styles.modalContainer}
-      >
-        <Animated.View style={[styles.popoverStyle, animatedStyle]}>
-          <View style={styles.modalWrapper}>
-            <View style={styles.modalHeader}>
-              <Text semibold style={styles.modalHeaderText}>
-                {t('rename_unit')}
-              </Text>
-            </View>
-            <_TextInput
-              defaultValue={unitName}
-              onChange={(value) => setUnitName(value)}
-              textInputStyle={styles.textInputStyle}
-              wrapStyle={styles.textInputWrapStyle}
-              selectionColor={Colors.Primary}
-            />
-
-            <ViewButtonBottom
-              leftTitle={t('cancel')}
-              onLeftClick={setHideEdit}
-              rightTitle={t('rename')}
-              onRightClick={goRename}
-            />
-          </View>
-        </Animated.View>
-      </ModalCustom>
-      <AlertAction
-        visible={showRemove}
-        hideModal={setHideRemove}
-        title={t('remove_unit_name', { name: unitName })}
-        message={t('remove_note')}
-        leftButtonTitle={t('cancel')}
-        leftButtonClick={setHideRemove}
-        rightButtonTitle={t('remove')}
-        rightButtonClick={goRemove}
-      />
-    </>
-  );
-};
-
-const styles = StyleSheet.create({
-  wraper: {
-    flex: 1,
-  },
-  textWraper: {
-    paddingTop: 16,
-    paddingBottom: 16,
-    borderBottomWidth: 0.5,
-  },
-  unitName: {
-    fontStyle: 'normal',
-    fontWeight: 'normal',
-    fontSize: 16,
-    lineHeight: 24,
-    color: Colors.Gray9,
-  },
-  unitGeolocation: {
-    fontSize: 14,
-    lineHeight: 22,
-    color: Colors.Primary,
-  },
-  removeButton: {
-    position: 'absolute',
-    bottom: 0,
-    borderWidth: 0,
-    alignSelf: 'center',
-    paddingBottom: 16 + getBottomSpace(),
-  },
-  backgroundContainer: {
-    alignItems: 'center',
-    flexDirection: 'row',
-    borderBottomWidth: 0.5,
-  },
-  image: {
-    width: 40,
-    height: 40,
-    borderRadius: 40 / 2,
-  },
-  textBackground: {
-    flex: 1,
-    paddingTop: 16,
-    paddingBottom: 16,
-  },
-  modalContainer: {
-    flex: 1,
-    margin: 0,
-  },
-  popoverStyle: {
-    width: '100%',
-    backgroundColor: Colors.White,
-    bottom: 0,
-    left: 0,
-    position: 'absolute',
-    borderRadius: 10,
-  },
-  modalWrapper: {
-    flex: 1,
-    flexDirection: 'column',
-    backgroundColor: Colors.White,
-    borderRadius: 10,
-  },
-  modalHeader: {
-    padding: 16,
-    backgroundColor: Colors.White,
-    borderBottomWidth: 1,
-    borderTopLeftRadius: 20,
-    borderTopRightRadius: 20,
-    borderColor: Colors.Gray4,
-  },
-  modalHeaderText: {
-    fontSize: 16,
-    lineHeight: 24,
-    color: Colors.Gray9,
-  },
-  textInputStyle: {
-    borderWidth: 0,
-    borderBottomWidth: 1,
-    borderBottomColor: Colors.Primary,
-    fontSize: 16,
-    marginLeft: 16,
-    marginRight: 16,
-    paddingHorizontal: 0,
-  },
-  textInputWrapStyle: {
-    marginTop: 0,
-  },
-});
-
-export default ManageUnit;