Cleanup some stuff

This commit is contained in:
2021-01-10 20:51:31 +01:00
parent 567abe12c0
commit 01f327c91f
2 changed files with 7 additions and 5 deletions

View File

@@ -2,7 +2,7 @@
import { onMount } from 'svelte' import { onMount } from 'svelte'
import { flip } from 'svelte/animate' import { flip } from 'svelte/animate'
import { receive, send } from 'animations/crossfade' import { receive, send } from 'animations/crossfade'
import { locations, countries, continents } from 'utils/store' import { locations, continents } from 'utils/store'
import { throttle } from 'utils/functions' import { throttle } from 'utils/functions'
// Components // Components
import Button from 'atoms/Button' import Button from 'atoms/Button'
@@ -14,7 +14,6 @@
// Variables // Variables
const transitionDuration = 800 const transitionDuration = 800
let list let list
let filterLocations
let continentsToDisplay = [] let continentsToDisplay = []
let continentsFiltered = [] let continentsFiltered = []
$: filteredLocations = $locations.filter(location => continentsFiltered.includes(location.country.continent)) $: 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}> <div class="browse__locations" id="locations_list" role="list" bind:this={list}>
{#each filteredLocations as location (location.id)} {#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} /> <Location {location} />
</div> </div>
{/each} {/each}

View File

@@ -23,7 +23,7 @@
</script> </script>
<script> <script>
import { onMount, onDestroy } from 'svelte' import { onMount } from 'svelte'
import { stores } from '@sapper/app' import { stores } from '@sapper/app'
import { import {
apiEndpoints, apiEndpoints,
@@ -39,7 +39,6 @@
// Components // Components
import Button from 'atoms/Button' import Button from 'atoms/Button'
import IconGlobeSmall from 'atoms/IconGlobeSmall' import IconGlobeSmall from 'atoms/IconGlobeSmall'
import IconGlobe from 'atoms/IconGlobe'
import InteractiveGlobe from 'molecules/InteractiveGlobe' import InteractiveGlobe from 'molecules/InteractiveGlobe'
import Carousel from 'organisms/Carousel' import Carousel from 'organisms/Carousel'
import Fullscreen from 'organisms/Fullscreen' import Fullscreen from 'organisms/Fullscreen'