@abcagency/hc-ui-components 1.7.2 → 1.7.4

package/src/contexts/mapListContext.tsx

@@ -197,6 +197,9 @@ export const MapListProvider: React.FC<MapListProviderProps> = ({
 	}
 }) => {
 	const firstLoadFilters = () =>{
+		if (typeof window === 'undefined') {
+			return getStorageObject(localStorageKey + 'selectedFilters', {}) || {};
+		}
 		let urlData = filtersFromURL(window.location);
 		let urlFilters = urlData?.filters;
 
@@ -210,6 +213,7 @@ export const MapListProvider: React.FC<MapListProviderProps> = ({
 
 	const firstLoadQuery = (): string | null => {
 		if (resetFilters) return null;
+		if (typeof window === 'undefined') return getQuery(localStorageKey);
 		// Check URL first
 		const urlData = filtersFromURL(window.location);
 
@@ -375,11 +379,13 @@ export const MapListProvider: React.FC<MapListProviderProps> = ({
 			} else if (!firstLoad) {
 				setStorageObject(localStorageKey + 'selectedFilters', tempSelectedFilters);
 			}
-			if(setFiltersUrl === true)
+			if(setFiltersUrl === true && typeof window !== 'undefined')
 			{
 				updateURLWithFilters(tempSelectedFilters, window.location, tempQuery, handleUrlUpdate);
 			}
-			tempQuery != null ? localStorage.setItem(localStorageKey + 'query', tempQuery) : localStorage.removeItem(localStorageKey + 'query');
+			if (typeof window !== 'undefined') {
+				tempQuery != null ? localStorage.setItem(localStorageKey + 'query', tempQuery) : localStorage.removeItem(localStorageKey + 'query');
+			}
 
 			if (tempSelectedFilters) {
 				const keys = Object.keys(tempSelectedFilters);

package/src/hooks/useList.js

@@ -40,7 +40,9 @@ const useListLogic = filteredListings => {
 	}, [filteredListings.length, itemLimit]);
 
 	useEffect(() => {
-		localStorage.setItem('scrollPosition', scrollPosition.toString());
+		if (typeof window !== 'undefined') {
+			localStorage.setItem('scrollPosition', scrollPosition.toString());
+		}
 	}, [scrollPosition]);
 
 	useEffect(() => {

package/src/index.js

@@ -1,4 +1,3 @@
 import HireControlMap from '~/components/HireControlMap';
-import MapSkeleton from '~/components/modules/skeleton/map-skeleton';
 
-export { HireControlMap, MapSkeleton };
+export { HireControlMap };

package/src/components/modules/skeleton/map-skeleton.js

@@ -1,51 +0,0 @@
-import React from 'react';
-import Grid from '~/components/modules/grid';
-
-/**
- * Simple skeleton component that renders the basic structure
- * Shows placeholder boxes for filters, list, and map
- */
-const MapSkeleton = ({ 
-	hideFilters = false, 
-	showMap = true, 
-	containerStyle = { height: '100vh' },
-	mapPosition = 'right'
-}) => {
-	const isMapOnTop = mapPosition === 'top';
-	
-	return (
-		<div className="hc-bundle" style={containerStyle}>
-			<Grid
-				as='section'
-				id='job-search-interface'
-				columns={hideFilters ? 'hc-grid-cols-1' : 'md:hc-grid-cols-[1fr_2.5fr] lg:hc-grid-cols-[1fr_3.5fr]'}
-				gap='hc-gap-0'
-				autoRows={false}
-				className={'hc-items-stretch hc-divide-x hc-divide-uiAccent/20'}
-			>
-				{/* Filter Column */}
-				{!hideFilters && (
-					<Grid.Item className='hc-bg-gray-50 hc-animate-pulse hc-hidden md:hc-block' />
-				)}
-				
-				{/* Main Content Area */}
-				<Grid.Item>
-					{showMap ? (
-						<div className={`hc-h-full hc-flex ${isMapOnTop ? 'hc-flex-col' : 'hc-flex-col md:hc-flex-row'}`}>
-							{/* List Box */}
-							<div className={`hc-flex-1 hc-bg-white hc-animate-pulse ${isMapOnTop ? 'hc-order-2' : 'hc-order-2 md:hc-order-1'}`} />
-							
-							{/* Map Box */}
-							<div className={`hc-flex-1 hc-bg-gray-100 hc-animate-pulse ${isMapOnTop ? 'hc-order-1' : 'hc-order-1 md:hc-order-2'}`} style={{ minHeight: '300px' }} />
-						</div>
-					) : (
-						/* Just List Box */
-						<div className="hc-h-full hc-bg-white hc-animate-pulse" />
-					)}
-				</Grid.Item>
-			</Grid>
-		</div>
-	);
-};
-
-export default MapSkeleton;