Cleanup some stuff
This commit is contained in:
@@ -2,7 +2,7 @@
|
||||
import { onMount } from 'svelte'
|
||||
import { flip } from 'svelte/animate'
|
||||
import { receive, send } from 'animations/crossfade'
|
||||
import { locations, countries, continents } from 'utils/store'
|
||||
import { locations, continents } from 'utils/store'
|
||||
import { throttle } from 'utils/functions'
|
||||
// Components
|
||||
import Button from 'atoms/Button'
|
||||
@@ -14,7 +14,6 @@
|
||||
// Variables
|
||||
const transitionDuration = 800
|
||||
let list
|
||||
let filterLocations
|
||||
let continentsToDisplay = []
|
||||
let continentsFiltered = []
|
||||
$: filteredLocations = $locations.filter(location => continentsFiltered.includes(location.country.continent))
|
||||
@@ -59,7 +58,11 @@
|
||||
|
||||
<div class="browse__locations" id="locations_list" role="list" bind:this={list}>
|
||||
{#each filteredLocations as location (location.id)}
|
||||
<div animate:flip="{{ duration: transitionDuration }}" in:receive="{{ key: location.id }}" out:send="{{ key: location.id }}">
|
||||
<div
|
||||
animate:flip="{{ duration: transitionDuration }}"
|
||||
in:receive="{{ key: location.id }}"
|
||||
out:send="{{ key: location.id }}"
|
||||
>
|
||||
<Location {location} />
|
||||
</div>
|
||||
{/each}
|
||||
|
||||
@@ -23,7 +23,7 @@
|
||||
</script>
|
||||
|
||||
<script>
|
||||
import { onMount, onDestroy } from 'svelte'
|
||||
import { onMount } from 'svelte'
|
||||
import { stores } from '@sapper/app'
|
||||
import {
|
||||
apiEndpoints,
|
||||
@@ -39,7 +39,6 @@
|
||||
// Components
|
||||
import Button from 'atoms/Button'
|
||||
import IconGlobeSmall from 'atoms/IconGlobeSmall'
|
||||
import IconGlobe from 'atoms/IconGlobe'
|
||||
import InteractiveGlobe from 'molecules/InteractiveGlobe'
|
||||
import Carousel from 'organisms/Carousel'
|
||||
import Fullscreen from 'organisms/Fullscreen'
|
||||
|
||||
Reference in New Issue
Block a user