Add TS interface for location on Shop module
This commit is contained in:
@@ -4,15 +4,20 @@
|
||||
import Button from '$components/atoms/Button.svelte'
|
||||
import Image from '$components/atoms/Image.svelte'
|
||||
|
||||
const { locations, shop } = getContext('global')
|
||||
interface Location {
|
||||
slug: string
|
||||
name: string
|
||||
has_poster: boolean
|
||||
}
|
||||
|
||||
const { locations, shop } = getContext('global')
|
||||
const locationsWithPoster = locations
|
||||
// Filter locations with posters only
|
||||
.filter((loc: any) => loc.has_poster)
|
||||
.filter((loc: Location) => loc.has_poster)
|
||||
// Sort locations alphabetically from slug (a>z)
|
||||
.sort((a: any, b: any) => a.slug.localeCompare(b.slug))
|
||||
.sort((a: Location, b: Location) => a.slug.localeCompare(b.slug))
|
||||
// Return name only
|
||||
.map((loc: any) => loc.name)
|
||||
.map((loc: Location) => loc.name)
|
||||
</script>
|
||||
|
||||
<div class="shop shadow-box-dark">
|
||||
|
||||
Reference in New Issue
Block a user