Edit browse locations section
Create badge atom,
This commit is contained in:
@@ -1,8 +1,10 @@
|
||||
<script lang="ts">
|
||||
// Components
|
||||
import Image from '$components/atoms/Image.svelte'
|
||||
import Badge from '$components/atoms/Badge.svelte'
|
||||
|
||||
export let location: any
|
||||
export let index: number
|
||||
|
||||
const { name, slug, country, last_updated } = location
|
||||
</script>
|
||||
@@ -13,6 +15,9 @@
|
||||
<h3 class="location__name">
|
||||
{name}
|
||||
</h3>
|
||||
<span class="text-label">{country.name}</span>
|
||||
<span class="text-label location__country">{country.name}</span>
|
||||
{#if index < 2}
|
||||
<Badge text="New" />
|
||||
{/if}
|
||||
</a>
|
||||
</div>
|
||||
Reference in New Issue
Block a user