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

package/src/screens/Unit/SelectLocation.js

@@ -1,161 +0,0 @@
-/* eslint-disable react-hooks/exhaustive-deps */
-import React, { memo, useCallback, useRef, useState } from 'react';
-import { View } from 'react-native';
-
-import MapView, { Marker, PROVIDER_GOOGLE } from 'react-native-maps';
-import BottomButtonView from '../../commons/BottomButtonView';
-
-import { useTranslations } from '../../hooks/Common/useTranslations';
-import { API } from '../../configs';
-import styles from './SelectLocationStyles';
-import SearchBarLocation from '../../commons/SearchLocation';
-import RowLocation from '../../commons/SearchLocation/RowLocation';
-import { axiosGet } from '../../utils/Apis/axios';
-import { ScrollView } from 'react-native';
-import { useNavigation } from '@react-navigation/native';
-import { SCConfig } from '../../configs';
-import Point from '../../../assets/images/AddLocationMaps/Point.svg';
-
-const initialRegion = {
-  latitudeDelta: 0.0922,
-  longitudeDelta: 0.0421,
-};
-
-const DEFAULT_LATITUDE = 10.7974046; // EoH center
-const DEFAULT_LONGITUDE = 106.7035663;
-
-const SelectLocation = memo(({ route }) => {
-  const t = useTranslations();
-  const { updateLocation } = route.params;
-  const { goBack } = useNavigation();
-  const [input, setInput] = useState('');
-  const [searchData, setSearchData] = useState([]);
-  const [searchedLocation, setSearchedLocation] = useState(null);
-  const mapRef = useRef(null);
-
-  const onTextInput = useCallback(async (input) => {
-    setInput(input);
-    if (!input) {
-      setSearchData([]);
-      setSearchedLocation(null);
-      return;
-    }
-    try {
-      const config = {
-        params: {
-          input: input,
-          key: SCConfig.GOOGLE_MAP_API_KEY,
-          sessiontoken: 123456324,
-          strictBounds: false,
-          types: ['establishment'],
-        },
-      };
-
-      const { success, data } = await axiosGet(
-        API.EXTERNAL.GOOGLE_MAP.AUTO_COMPLETE,
-        config
-      );
-      if (success) {
-        setSearchData(data.predictions);
-      }
-    } catch (error) {}
-  }, []);
-
-  const animateToRegion = useCallback((lat, lng) => {
-    if (!mapRef || !mapRef.current) {
-      return;
-    }
-
-    mapRef.current.animateToRegion(
-      {
-        latitude: lat,
-        longitude: lng,
-        ...initialRegion,
-      },
-      600
-    );
-  }, []);
-
-  const onPressRowLocation = useCallback(async (item) => {
-    setInput(item.description);
-    setSearchData([]);
-    const body = {
-      params: {
-        place_id: item.place_id,
-        key: SCConfig.GOOGLE_MAP_API_KEY,
-      },
-    };
-
-    const { success, data } = await axiosGet(
-      API.EXTERNAL.GOOGLE_MAP.GET_LAT_LNG_BY_PLACE_ID,
-      body
-    );
-    if (success) {
-      const { location } = data.result.geometry;
-      animateToRegion(location.lat, location.lng);
-      setSearchedLocation({
-        description: item.description,
-        latitude: location.lat,
-        longitude: location.lng,
-      });
-    }
-  }, []);
-
-  const onDone = useCallback(() => {
-    if (!searchedLocation) {
-      return;
-    }
-
-    updateLocation(searchedLocation.description);
-    goBack();
-  }, [goBack, updateLocation, searchedLocation]);
-  return (
-    <View style={styles.wrap}>
-      <View style={styles.searchLocation}>
-        <SearchBarLocation input={input} onTextInput={onTextInput} />
-        <ScrollView style={styles.searchData}>
-          {searchData.map((item) => (
-            <RowLocation item={item} onPress={onPressRowLocation} />
-          ))}
-        </ScrollView>
-      </View>
-      <MapView
-        ref={mapRef}
-        provider={PROVIDER_GOOGLE}
-        style={styles.mapView}
-        initialRegion={{
-          ...initialRegion,
-          latitude: DEFAULT_LATITUDE,
-          longitude: DEFAULT_LONGITUDE,
-        }}
-        followUserLocation={true}
-      >
-        {searchedLocation && (
-          <Marker
-            coordinate={{
-              latitude: searchedLocation.latitude,
-              longitude: searchedLocation.longitude,
-            }}
-            tracksViewChanges={false}
-          >
-            <View style={styles.pointCircle}>
-              <Point />
-            </View>
-          </Marker>
-        )}
-      </MapView>
-      <BottomButtonView
-        rowButton
-        style={styles.bottomButton}
-        mainTitle={t('done')}
-        onPressMain={onDone}
-        secondaryTitle={t('cancel')}
-        onPressSecondary={goBack}
-        typeMain="primaryText"
-        typeSecondary="primaryText"
-      />
-    </View>
-  );
-});
-
-export default SelectLocation;

package/src/screens/Unit/SelectLocationStyles.js

@@ -1,114 +0,0 @@
-import { StyleSheet } from 'react-native';
-import { Colors } from '../../configs';
-
-export default StyleSheet.create({
-  wrap: {
-    flex: 1,
-  },
-  mapView: {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-  },
-  bottomButton: {
-    backgroundColor: Colors.White,
-  },
-  pointCircle: {
-    flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center',
-    width: 109,
-    height: 109,
-    borderRadius: 50,
-    backgroundColor: Colors.BlueTransparent5,
-    borderWidth: 1,
-    borderColor: Colors.Blue10,
-  },
-  searchLocation: {
-    paddingVertical: 8,
-    position: 'absolute',
-    zIndex: 1,
-    minHeight: 48,
-    top: 0,
-    left: 0,
-    right: 0,
-    flex: 1,
-    backgroundColor: Colors.White,
-  },
-  searchData: {
-    paddingHorizontal: 16,
-    position: 'relative',
-    width: '100%',
-    maxHeight: 100,
-  },
-  buttonShadow: {
-    shadowColor: Colors.Gray11,
-    shadowOffset: {
-      width: 0,
-      height: 8,
-    },
-    shadowOpacity: 1,
-    shadowRadius: 12,
-    elevation: 5,
-    marginBottom: 16,
-    marginRight: 16,
-  },
-  center: {
-    justifyContent: 'center',
-    alignItems: 'center',
-  },
-  fullWidth: {
-    width: '100%',
-  },
-  button: {
-    paddingHorizontal: 30,
-    paddingVertical: 9,
-    backgroundColor: Colors.White,
-    borderColor: Colors.Gray4,
-    borderWidth: 1,
-    borderRadius: 30,
-  },
-  activeSessionView: {
-    marginHorizontal: 16,
-  },
-  popupIcon: {
-    marginLeft: '44%',
-    marginBottom: 15,
-  },
-  popupTitle: {
-    alignSelf: 'center',
-    marginBottom: 15,
-  },
-  popupDes: {
-    alignSelf: 'center',
-    textAlign: 'center',
-    width: '95%',
-  },
-  buttonAgree: {
-    flex: 1,
-    flexDirection: 'row',
-    paddingHorizontal: 16,
-    paddingTop: 16,
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-  titleContainer: {
-    justifyContent: 'center',
-    flexDirection: 'row',
-    alignItems: 'center',
-    flex: 1,
-    marginTop: 30,
-  },
-  childrenStyle: {
-    padding: 16,
-  },
-  scrollViewTerm: {
-    height: 300,
-    borderBottomWidth: 1,
-    borderTopWidth: 1,
-    borderTopColor: Colors.WrapGray,
-    borderBottomColor: Colors.WrapGray,
-  },
-});