Refactor AdventureCard component and remove FeaturedAdventureCard

This commit is contained in:
Sean Morley
2024-04-02 21:33:41 +00:00
parent cde83b35d6
commit f0894a964f
4 changed files with 31 additions and 27 deletions

View File

@@ -1,7 +1,7 @@
<script lang="ts">
export let data
console.log(data.result);
import FeaturedAdventureCard from '$lib/components/FeaturedAdventureCard.svelte';
import AdventureCard from '$lib/components/AdventureCard.svelte';
import type { Adventure } from '$lib/utils/types.js';
import { addAdventure, getNextId } from '../../services/adventureService.js';
@@ -26,6 +26,6 @@
<div class="grid xl:grid-cols-3 lg:grid-cols-3 md:grid-cols-2 sm:grid-cols-1 gap-4 mt-4 content-center auto-cols-auto ml-6 mr-6">
{#each data.result as adventure (adventure.id)}
<FeaturedAdventureCard on:add={add} name={adventure.name} location={adventure.location} />
<AdventureCard type="featured" on:add={add} name={adventure.name} location={adventure.location} created="" id={NaN} />
{/each}
</div>

View File

@@ -148,7 +148,7 @@
<div class="grid xl:grid-cols-3 lg:grid-cols-3 md:grid-cols-2 sm:grid-cols-1 gap-4 mt-4 content-center auto-cols-auto ml-6 mr-6">
{#each adventures as adventure (adventure.id)}
<AdventureCard id={adventure.id} name={adventure.name} location={adventure.location} created={adventure.created} on:remove={triggerRemoveAdventure} on:edit={editAdventure} />
<AdventureCard type="mylog" id={adventure.id} name={adventure.name} location={adventure.location} created={adventure.created} on:remove={triggerRemoveAdventure} on:edit={editAdventure} />
{/each}
</div>