Docker/AdventureLog
Docker/AdventureLog
1
0
Fork 0
mirror of https://github.com/seanmorley15/AdventureLog.git synced 2025-08-05 05:05:17 +02:00
Code Issues Releases Activity

Add featured adventure locations and fix conditional rendering in log page

Browse source
This commit is contained in:
Sean Morley 2024-04-02 18:31:44 +00:00
parent ad568bb3fa
commit 9baab4c675
3 changed files with 14 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/routes/featured/+page.svelte
View file

@ -18,6 +18,12 @@
}
</script>
<div class="flex justify-center items-center w-full mt-4 mb-4">
<article class="prose">
<h1 class="text-center">Featured Adventure Locations</h1>
</article>
</div>
<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} />

4
src/routes/log/+page.svelte
View file

@ -107,13 +107,13 @@
<input class="btn btn-primary" type="submit" value="Add Adventure">
</form>
</div>
{#if adventures.length != 0}
<div class="flex justify-center items-center w-full mt-4 mb-4">
<article class="prose">
<h1 class="text-center">My Visited Adventure Locations</h1>
</article>
</div>
{/if}
{#if isShowingToast}
<SucessToast action={toastAction} />

8
src/services/adventureService.ts
View file

@ -29,9 +29,10 @@ export function addAdventure(adventure: Adventure) {
adventures = [...adventures, adventure];
if (isBrowser) {
localStorage.setItem('adventures', JSON.stringify(adventures));
visitCount.update((n) => n + 1);
}
console.log(adventures);
visitCount.update((n) => n + 1);
}
export function getAdventures(): Adventure[] {
@ -42,8 +43,9 @@ export function removeAdventure(event: { detail: number; }) {
adventures = adventures.filter(adventure => adventure.id !== event.detail);
if (isBrowser) {
localStorage.setItem('adventures', JSON.stringify(adventures));
}
visitCount.update((n) => n - 1);
}
}
export function saveEdit(adventure:Adventure) {
@ -70,7 +72,9 @@ export function clearAdventures() {
adventures = [];
if (isBrowser) {
localStorage.setItem('adventures', JSON.stringify(adventures));
visitCount.set(0);
}
}