diff --git a/src/components/organisms/InteractiveGlobe.svelte b/src/components/organisms/InteractiveGlobe.svelte index 04790aa..6dc63de 100644 --- a/src/components/organisms/InteractiveGlobe.svelte +++ b/src/components/organisms/InteractiveGlobe.svelte @@ -7,7 +7,7 @@ export let scrollSmooth: number = 0.5 export let opacity: number = 1 - const { continent, location } = getContext('global') + const { continents, locations } = getContext('global') let globe: any let Globe: any @@ -16,9 +16,9 @@ let containerTop: number = 0, containerHeight: number = 0 let observer: IntersectionObserver - const randomContinent = getRandomElement(continent.filter(cont => cont.countries)) + const randomContinent = getRandomElement(continents.filter(cont => cont.countries)) const globeResolution = windowWidth > 1440 && window.devicePixelRatio > 1 ? '4k' : '2k' - const locations = location.map(({ name, slug, country, coordinates: { coordinates }}: any) => ({ + const markers = locations.map(({ name, slug, country, coordinates: { coordinates }}: any) => ({ name, slug, countryName: country.name, @@ -77,7 +77,7 @@ scrollSmoothing: scrollSmooth, opacity, texture: `/images/globe-map-${globeResolution}.png`, - markers: locations, + markers, onLinkClicked: () => {} }) diff --git a/src/components/organisms/Locations.svelte b/src/components/organisms/Locations.svelte index aa72bd0..2eeb484 100644 --- a/src/components/organisms/Locations.svelte +++ b/src/components/organisms/Locations.svelte @@ -6,7 +6,7 @@ export let locations: any - const { continent, settings: { explore_list }} = getContext('global') + const { continents, settings: { explore_list }} = getContext('global')
@@ -15,7 +15,7 @@