propagation

src/lib/components/custom/item-listing.svelte

@@ -98,13 +98,13 @@
 				{#if item.approvedDate === null}
 
 					<Button variant="ghost" class="text-positive"
-									onclick={async () => {await approveDenyItem({id: item.id, approved: true});
+									onclick={async (e) => {e.stopPropagation(); await approveDenyItem({id: item.id, approved: true});
 							await invalidateAll()}}>
 						<CheckIcon />
 						Approve
 					</Button>
 					<Button variant="ghost" class="text-destructive"
-									onclick={async () => {await approveDenyItem({id: item.id, approved: false});
+									onclick={async (e) => {e.stopPropagation(); await approveDenyItem({id: item.id, approved: false});
 							await invalidateAll()}}>
 						<XIcon />
 						Deny
@@ -112,19 +112,19 @@
 				{/if}
 				{#if item.claimedDate === null}
 					<Button variant="ghost" class="text-action"
-									onclick={() => {editCallback(item)}}>
+									onclick={(e) => {e.stopPropagation(); editCallback(item)}}>
 						<PencilIcon />
 						{!item.approvedDate ? 'Edit' : 'Manage'}
 					</Button>
 				{:else}
 					<Button variant="ghost" class="text-destructive"
-									onclick={async () => {await approveDenyItem({id: item.id, approved: false});
+									onclick={async (e) => {e.stopPropagation(); await approveDenyItem({id: item.id, approved: false});
 							await invalidateAll()}}>
 						<TrashIcon />
 						Delete
 					</Button>
 					<Button variant="ghost" class="text-action"
-									onclick={async () => {await restoreClaimedItem(item.id);
+									onclick={async (e) => {e.stopPropagation(); await restoreClaimedItem(item.id);
 							await invalidateAll()}}>
 						<ArchiveRestoreIcon />
 						Restore