@abcagency/hc-ui-components 1.2.11 → 1.3.1

package/src/components/modules/maps/list/field-mapper.js

@@ -15,7 +15,7 @@ const FieldMapper = ({
 }) => {
 	const orderedFields = fieldsShown.filter(field => field in item.fields);
 
-	const specialFeaturePills = (field, mobile = false) => {
+	const specialFeaturePills = field => {
 		return field === 'position' && specialFeatures &&
 			Object.entries(specialFeatures).map(([featureKey, featureLabel]) => {
 				return item.fields[featureKey] === 1 && (

package/src/components/modules/maps/list/header-item.js

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from "react";
+import React, { useState, useEffect } from 'react';
 
 import Button from '~/components/modules/buttons/default';
 
@@ -45,7 +45,7 @@ const HeaderItem = ({
 			setIsSorted(
 				sortSetting.type == "asc"
 					? SORT_STATE.sortedAsc
-					: SORT_STATE.sortedDesc,
+					: SORT_STATE.sortedDesc
 			);
 		}
 	}, [sortSetting, isSorted, field]);

package/src/components/modules/maps/list/list-item/index.js

@@ -22,7 +22,7 @@ const ListItem = forwardRef(
 			setFavorites,
 			...props
 		},
-		ref,
+		ref
 	) => {
 		const { siteConfig } = useMapList();
 		const mapPinColor = siteConfig.colors.primary.replace("#", "");
@@ -116,7 +116,7 @@ const ListItem = forwardRef(
 				)}
 			</button>
 		);
-	},
+	}
 );
 
 ListItem.displayName = "ListItem";

package/src/components/modules/maps/map.js

@@ -1,5 +1,5 @@
 import React, { useEffect, useRef } from 'react';
-import { GoogleMap, MarkerClustererF } from "@react-google-maps/api";
+import { GoogleMap, MarkerClustererF, google } from "@react-google-maps/api";
 
 import MapMarker from "~/components/modules/maps/map-marker";
 import PlaceMarker from "~/components/modules/maps/place-marker";
@@ -21,7 +21,6 @@ const Map = ({
 		location,
 		zoom,
 		center,
-		commuteLocation,
 		selectLocationEntity,
 		setLocation,
 		mapInteracted,
@@ -29,7 +28,7 @@ const Map = ({
 	} = useMap();
 
 	const {
-		mapItems, handleFilterListingsByLocation, filteredListings, setSelectedFilters,
+		mapItems, filteredListings, setSelectedFilters,
 		setQuery
 	} = useMapList();
 
@@ -68,6 +67,7 @@ const Map = ({
 			mapContainerRef.current.addEventListener('wheel', handleScroll);
 			return () => mapContainerRefCurrent.removeEventListener('wheel', handleScroll);
 		}
+		// eslint-disable-next-line react-hooks/exhaustive-deps
 	}, [mapContainerRef.current]);
 
 	useEffect(() => {
@@ -80,12 +80,14 @@ const Map = ({
 				google.maps.event.removeListener(mouseDownListener);
 			};
 		}
+		// eslint-disable-next-line react-hooks/exhaustive-deps
 	}, [mapRef.current, mapContainerRef.current]);
 
 	useEffect(() => {
 		if ((mapItems && mapItems.length > 0 || poiMarkers.length > 0) && mapRef.current) {
 			fitBounds(mapRef.current);
 		}
+		// eslint-disable-next-line react-hooks/exhaustive-deps
 	}, [mapItems, mapRef.current, location]);
 
 	useEffect(() => {
@@ -97,17 +99,19 @@ const Map = ({
 			let setZoomVal = currZoom < 13 ? currZoom : 12;
 			mapRef.current.setZoom(setZoomVal);
 		}
+		// eslint-disable-next-line react-hooks/exhaustive-deps
 	}, [filteredListings]);
 
 	useEffect(() => {
 		if (!mapRef.current || !location || mapInteracted) return;
 		mapRef.current.panTo(
-			new google.maps.LatLng(location.latitude, location.longitude),
+			new google.maps.LatLng(location.latitude, location.longitude)
 		);
 		if (mapRef.current) {
 			let setZoomVal = zoom < 13 ? zoom : 12;
 			mapRef.current.setZoom(setZoomVal);
 		}
+		// eslint-disable-next-line react-hooks/exhaustive-deps
 	}, [location, zoom, mapRef.current]);
 
 	const fitBounds = (map, overload = false) => {
@@ -139,7 +143,7 @@ const Map = ({
 
 		if (mapInteracted === false) {
 			mapRef.current.panTo(
-				new google.maps.LatLng(location.latitude, location.longitude),
+				new google.maps.LatLng(location.latitude, location.longitude)
 			);
 
 			mapRef.current.setZoom(zoom);

package/src/components/modules/maps/tabs.js

@@ -1,4 +1,4 @@
-import React from 'react'
+import React from 'react';
 import * as Tabs from '@radix-ui/react-tabs';
 
 import Button from '~/components/modules/buttons/default';

package/src/contexts/mapContext.js

@@ -103,8 +103,6 @@ export const MapProvider = ({ children, resetFilters }) => {
 				setMapInteracted,
 				mapInteracted,
 				userSetZoom,
-				setLocation,
-				location,
 				firstLoadListItem,
 				travelTime,
 				setTravelTime,

package/src/contexts/mapListContext.js

@@ -57,6 +57,7 @@ export const MapListProvider = ({
 		if (commuteLocation === null || commuteLocation === '') return;
 		async function fetchEntities() {
 			const distinctEntityIds = [
+				// eslint-disable-next-line no-undef
 				...new Set(allListings.map(listing => listing.entityId))
 			];
 			try {
@@ -71,9 +72,9 @@ export const MapListProvider = ({
 						newFilteredListings[i].fields.travelTime = fetchedEntities[newFilteredListings[i].entityId].travelTime;
 					}
 				}
-				for (var i = 0; i < newFilteredListings.length; i++) {
-					if (newFilteredListings[i].entityId != -1) {
-						newFilteredListings[i].fields.travelTime = fetchedEntities[newFilteredListings[i].entityId].travelTime;
+				for (var j = 0; j < newFilteredListings.length; j++) {
+					if (newFilteredListings[j].entityId != -1) {
+						newFilteredListings[j].fields.travelTime = fetchedEntities[newFilteredListings[j].entityId].travelTime;
 					}
 				}
 				setFilteredListings(newFilteredListings);
@@ -166,10 +167,10 @@ export const MapListProvider = ({
 	}, [selectedFilters, query, listingEntities, filterByFavorites, favorites]);
 
 	const handleFilterListingsByLocation = selectedLocation => {
-		const { filteredListings, mapItems } = filterListingsByLocation(
+		const { filteredListings } = filterListingsByLocation(
 			allListings,
 			selectedLocation,
-			listingEntities,
+			listingEntities
 		);
 		setFilteredListings(filteredListings);
 		//setMapItems(mapItems);

package/src/hooks/useList.js

@@ -30,6 +30,7 @@ const useListLogic = () => {
 		localStorage.setItem('sortSetting', JSON.stringify(sortSetting));
 		let listingFiltered = dynamicSort(filteredListings, sortSetting.field, sortSetting.type);
 		setFilteredListings(listingFiltered);
+		// eslint-disable-next-line react-hooks/exhaustive-deps
 	}, [sortSetting]);
 
 	useEffect(() => {
@@ -46,6 +47,7 @@ const useListLogic = () => {
 				observer.current.unobserve(loader.current);
 			}
 		};
+		// eslint-disable-next-line react-hooks/exhaustive-deps
 	}, [loader.current, itemLimit, filteredListings.length]);
 
 	useEffect(() => {
@@ -57,13 +59,12 @@ const useListLogic = () => {
 		if (parseInt(savedScrollPosition) > 3000) {
 			setItemLimit(savedScrollPosition / 10);
 		}
-		if (savedScrollPosition && scrollPosition != null && scrollContainerRef.current) {
-			let scrollContainerRefCurrent = scrollContainerRef.current;
+		if (savedScrollPosition && scrollPosition && scrollContainerRef.current) {
 			setTimeout(() => {
-				scrollContainerRefCurrent = parseInt(savedScrollPosition, 10);
+				scrollContainerRef.current = parseInt(savedScrollPosition, 10);
 			}, 300);
 		}
-	}, []);
+	}, [scrollPosition]);
 
 	useEffect(() => {
 		const scrollContainer = scrollContainerRef.current;
@@ -75,6 +76,7 @@ const useListLogic = () => {
 				scrollContainer.removeEventListener('scroll', handleScroll);
 			}
 		};
+		// eslint-disable-next-line react-hooks/exhaustive-deps
 	}, [scrollContainerRef.current]);
 
 	const handleObserver = entities => {

package/src/services/listingAggregatorService.js

@@ -13,11 +13,13 @@ const fetchListings = async (query, siteConfig) => {
 			query
 		);
 		const recruiterIds = [
+			// eslint-disable-next-line no-undef
 			...new Set(listingsResult.map(listing => listing.recruiterId))
 		];
 		const fetchedRecruiters = await getRecruiters(recruiterIds);
 
 		const distinctEntityIds = [
+			// eslint-disable-next-line no-undef
 			...new Set(listingsResult.map(listing => listing.entityId))
 		];
 		const fetchedEntities = await getListingEntities(

package/src/services/listingService.js

@@ -1,8 +1,7 @@
 import api from '~/apis/hcApi';
 
-export const getListings = async companyId => {
+export const getListings = async () => {
 	try {
-		var x = '';
 		const response = await api.get(`/Listings`);
 		return response;
 	} catch (error) {

package/src/services/recruiterService.js

@@ -1,4 +1,4 @@
-import api from "~/apis/hcApi";
+import api from '~/apis/hcApi';
 
 export const getRecruiters = async recruiterIds => {
 	try {