From 731f95d0b516b6fe9a9fdc79499839c56c61b8c6 Mon Sep 17 00:00:00 2001
From: deyvisonwanderley <deyvison.wanderley@gmail.com>
Date: Fri, 14 Nov 2025 11:42:51 -0300
Subject: [PATCH] refactor: update vacation scheduling button logic and UI

- Modified the vacation scheduling button to enable/disable based on employee ID availability.
- Improved user feedback with dynamic button titles reflecting the validation status of employee data.
- Cleaned up the button's SVG structure for better readability and maintainability.
---
 .../routes/(dashboard)/perfil/+page.svelte    | 50 +++++++++++--------
 1 file changed, 28 insertions(+), 22 deletions(-)

diff --git a/apps/web/src/routes/(dashboard)/perfil/+page.svelte b/apps/web/src/routes/(dashboard)/perfil/+page.svelte
index f11477c..5a40e31 100644
--- a/apps/web/src/routes/(dashboard)/perfil/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/perfil/+page.svelte
@@ -1307,29 +1307,35 @@
 							class="flex flex-col items-start justify-between gap-4 md:flex-row md:items-center"
 						>
 							<h2 class="card-title text-lg">Filtros</h2>
-							{#if funcionario}
-								<button
-									type="button"
-									class="btn btn-primary gap-2"
-									onclick={() => (mostrarWizard = true)}
+							<button
+								type="button"
+								class="btn btn-primary gap-2"
+								onclick={() => {
+									if (funcionarioIdDisponivel) {
+										mostrarWizard = true;
+									}
+								}}
+								disabled={!funcionarioIdDisponivel}
+								title={funcionarioIdDisponivel
+									? 'Clique para agendar suas férias'
+									: 'Estamos validando seus dados de funcionário...'}
+							>
+								<svg
+									xmlns="http://www.w3.org/2000/svg"
+									class="h-5 w-5"
+									fill="none"
+									viewBox="0 0 24 24"
+									stroke="currentColor"
 								>
-									<svg
-										xmlns="http://www.w3.org/2000/svg"
-										class="h-5 w-5"
-										fill="none"
-										viewBox="0 0 24 24"
-										stroke="currentColor"
-									>
-										<path
-											stroke-linecap="round"
-											stroke-linejoin="round"
-											stroke-width="2"
-											d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
-										/>
-									</svg>
-									Agendar Férias
-								</button>
-							{/if}
+									<path
+										stroke-linecap="round"
+										stroke-linejoin="round"
+										stroke-width="2"
+										d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
+									/>
+								</svg>
+								Agendar Férias
+							</button>
 						</div>
 						<div class="mt-4 grid grid-cols-1 gap-4 md:grid-cols-1">
 							<div class="form-control">