From db5abd37cda548e642fa825cd279a730a7af5c00 Mon Sep 17 00:00:00 2001
From: Faton Ramadani <faton.ramadani14@gmail.com>
Date: Mon, 8 Apr 2024 14:43:31 +0200
Subject: [PATCH] fix(frontend): Fix bypass confirmation shortcut (#3527)

* fix(frontend): Fix bypass confirmation shortcut

* Update Item.svelte

---------

Co-authored-by: Ruben Fiszel <ruben@windmill.dev>
---
 frontend/src/lib/components/home/Item.svelte | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/frontend/src/lib/components/home/Item.svelte b/frontend/src/lib/components/home/Item.svelte
index d1671ff9ff..91ef63179d 100644
--- a/frontend/src/lib/components/home/Item.svelte
+++ b/frontend/src/lib/components/home/Item.svelte
@@ -4,11 +4,12 @@
 	import RawAppRow from '../common/table/RawAppRow.svelte'
 	import ScriptRow from '../common/table/ScriptRow.svelte'
 	import ConfirmationModal from '../common/confirmationModal/ConfirmationModal.svelte'
-	import { Alert, Badge } from '$lib/components/common'
+	import { Alert } from '$lib/components/common'
 	import DeployWorkspaceDrawer from '../DeployWorkspaceDrawer.svelte'
 	import MoveDrawer from '../MoveDrawer.svelte'
 	import ShareModal from '../ShareModal.svelte'
 	import { createEventDispatcher } from 'svelte'
+	import { ArrowBigUp } from 'lucide-svelte'
 
 	export let item
 	export let depth: number = 0
@@ -107,7 +108,11 @@
 			<Alert type="info" title="Bypass confirmation">
 				<div>
 					You can press
-					<Badge color="dark-gray">SHIFT</Badge>
+					<span
+						class="inline-flex border rounded-md p-1 bg-blue-100 border-blue-200 dark:bg-blue-800 dark:border-blue-900 text-xs"
+					>
+						<ArrowBigUp size={18} />
+					</span>
 					while removing to bypass confirmation.
 				</div>
 			</Alert>