Docker/AdventureLog
Docker/AdventureLog
1
0
Fork 0
mirror of https://github.com/seanmorley15/AdventureLog.git synced 2025-07-21 22:09:36 +02:00
Code Issues Releases Activity

refactor: Add user prop to TransportationCard component for conditional rendering of actions

Browse source
This commit is contained in:
Sean Morley 2024-07-29 19:19:24 -04:00
parent d5c5551ce1
commit 103500b5e1
3 changed files with 24 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

6
frontend/src/lib/components/NewCollection.svelte
View file

@ -56,10 +56,16 @@
let id = data[1];
let user_id = data[2];
if (id !== undefined && user_id !== undefined) {
newCollection.id = id;
newCollection.user_id = user_id;
console.log(newCollection);
dispatch('create', newCollection);
addToast('success', 'Collection created successfully!');
close();
} else {
addToast('error', 'Error creating collection');
}
}
}
}

5
frontend/src/lib/components/TransportationCard.svelte
View file

@ -7,7 +7,7 @@
import FileDocumentEdit from '~icons/mdi/file-document-edit';
import { goto } from '$app/navigation';
import type { Collection, Transportation } from '$lib/types';
import type { Collection, Transportation, User } from '$lib/types';
import { addToast } from '$lib/toasts';
import Plus from '~icons/mdi/plus';
@ -15,6 +15,7 @@
const dispatch = createEventDispatcher();
export let transportation: Transportation;
export let user: User | null = null;
function editTransportation() {
dispatch('edit', transportation);
@ -51,6 +52,7 @@
{#if transportation.date}
{new Date(transportation.date).toLocaleString()}
{/if}
{#if user}
<div class="card-actions justify-end">
<button on:click={deleteTransportation} class="btn btn-secondary"
><TrashCanOutline class="w-5 h-5 mr-1" /></button
@ -59,5 +61,6 @@
<FileDocumentEdit class="w-6 h-6" />
</button>
</div>
{/if}
</div>
</div>

2
frontend/src/routes/collections/[id]/+page.svelte
View file

@ -374,6 +374,7 @@
{#each transportations as transportation}
<TransportationCard
{transportation}
user={data?.user}
on:delete={(event) => {
transportations = transportations.filter((t) => t.id != event.detail);
}}
@ -430,6 +431,7 @@
{#each dayTransportations as transportation}
<TransportationCard
{transportation}
user={data?.user}
on:delete={(event) => {
transportations = transportations.filter((t) => t.id != event.detail);
}}