feat(ui): show a notification if user try to drop a file in another section than /files

2026-07-20 22:35:30 +02:00
parent c286eed3b2
commit 0cc77f7a36
19 changed files with 104 additions and 20 deletions
@@ -12,6 +12,18 @@
 	{#each ui.toasts as toast (toast.id)}
 		<div class="toast toast--{toast.kind}" role="status" data-testid={`toaster-toast-${toast.id}`}>
 			<span class="toast__msg">{toast.message}</span>
+			{#if toast.action}
+				<button
+					class="toast__action"
+					data-testid={`toaster-action-btn-${toast.id}`}
+					onclick={() => {
+						toast.action?.onClick();
+						ui.dismiss(toast.id);
+					}}
+				>
+					{toast.action.label}
+				</button>
+			{/if}
 			<button
 				class="toast__close"
 				data-testid={`toaster-dismiss-btn-${toast.id}`}
@@ -73,6 +85,22 @@
 		flex: 1;
 	}

+	.toast__action {
+		flex-shrink: 0;
+		background: var(--color-accent);
+		color: var(--color-accent-contrast);
+		border: none;
+		border-radius: var(--radius-md);
+		padding: var(--space-1-5) var(--space-3);
+		font-size: var(--text-sm);
+		font-weight: var(--weight-medium);
+		cursor: pointer;
+	}
+
+	.toast__action:hover {
+		filter: brightness(0.95);
+	}
+
 	.toast__close {
 		background: none;
 		border: none;