From 2772aa3112d9f21bade63dcdb18057d904c3d146 Mon Sep 17 00:00:00 2001
From: killer-cf <costa.kilder@live.com>
Date: Mon, 10 Nov 2025 17:01:38 -0300
Subject: [PATCH] refactor: simplify button styles across Svelte components

- Removed unnecessary 'btn-square' class from buttons in multiple components to streamline styling.
- Updated button elements in SolicitarFerias, editar, cadastro, and times pages for consistency and improved readability.
- Replaced SVG icons with Lucide icons for better visual consistency in the cadastro page.
- Cleaned up imports in the cadastro page to enhance code clarity.
---
 .../src/lib/components/SolicitarFerias.svelte |  2 +-
 .../[funcionarioId]/editar/+page.svelte       |  2 +-
 .../funcionarios/cadastro/+page.svelte        | 28 ++++---------------
 .../routes/(dashboard)/ti/times/+page.svelte  |  4 +--
 4 files changed, 10 insertions(+), 26 deletions(-)

diff --git a/apps/web/src/lib/components/SolicitarFerias.svelte b/apps/web/src/lib/components/SolicitarFerias.svelte
index 84334d7..4da0ddb 100644
--- a/apps/web/src/lib/components/SolicitarFerias.svelte
+++ b/apps/web/src/lib/components/SolicitarFerias.svelte
@@ -211,7 +211,7 @@
 								{#if periodos.length > 1}
 									<button
 										type="button"
-										class="btn btn-xs btn-error btn-square"
+										class="btn btn-xs btn-error"
 										aria-label="Remover período"
 										onclick={() => removerPeriodo(periodo.id)}
 									>
diff --git a/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/[funcionarioId]/editar/+page.svelte b/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/[funcionarioId]/editar/+page.svelte
index ca420c2..94a2aae 100644
--- a/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/[funcionarioId]/editar/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/[funcionarioId]/editar/+page.svelte
@@ -1554,7 +1554,7 @@
 									</div>
 									<button
 										type="button"
-										class="btn btn-sm btn-error btn-square"
+										class="btn btn-sm btn-error"
 										aria-label="Remover curso"
 										onclick={() => removerCurso(curso.id)}
 									>
diff --git a/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/cadastro/+page.svelte b/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/cadastro/+page.svelte
index 8611298..b5ece0e 100644
--- a/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/cadastro/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/cadastro/+page.svelte
@@ -9,7 +9,6 @@
 		maskCEP,
 		maskPhone,
 		maskDate,
-		maskUF,
 		onlyDigits,
 		validateCPF,
 		validateDate
@@ -23,12 +22,9 @@
 		APOSENTADO_OPTIONS,
 		UFS_BRASIL
 	} from '$lib/utils/constants';
-	import {
-		documentos,
-		categoriasDocumentos,
-		getDocumentosByCategoria
-	} from '$lib/utils/documentos';
+	import { categoriasDocumentos, getDocumentosByCategoria } from '$lib/utils/documentos';
 	import ModelosDeclaracoes from '$lib/components/ModelosDeclaracoes.svelte';
+	import { Trash, X } from 'lucide-svelte';
 
 	const client = useConvexClient();
 
@@ -1055,7 +1051,7 @@
 								</div>
 								<button
 									type="button"
-									class="btn btn-sm btn-error btn-square"
+									class="btn btn-sm btn-error"
 									aria-label="Remover curso"
 									onclick={() => removerCurso(curso.id)}
 								>
@@ -1325,7 +1321,7 @@
 				{#if dependentes.length > 0}
 					<div class="space-y-2">
 						<h3 class="text-sm font-semibold">Dependentes adicionados ({dependentes.length}/10)</h3>
-						{#each dependentes as dep}
+						{#each dependentes as dep (dep.id)}
 							<div class="bg-base-200 flex items-center gap-3 rounded-lg p-3">
 								<div class="flex-1 text-sm">
 									<p class="font-semibold">{dep.nome} — {dep.parentesco}</p>
@@ -1353,23 +1349,11 @@
 								</div>
 								<button
 									type="button"
-									class="btn btn-sm btn-error btn-square"
+									class="btn btn-sm btn-error"
 									aria-label="Remover dependente"
 									onclick={() => removerDependente(dep.id)}
 								>
-									<svg
-										xmlns="http://www.w3.org/2000/svg"
-										class="h-4 w-4"
-										fill="none"
-										viewBox="0 0 24 24"
-										stroke="currentColor"
-										><path
-											stroke-linecap="round"
-											stroke-linejoin="round"
-											stroke-width="2"
-											d="M6 18L18 6M6 6l12 12"
-										/></svg
-									>
+									<Trash class="h-5 w-5" />
 								</button>
 							</div>
 						{/each}
diff --git a/apps/web/src/routes/(dashboard)/ti/times/+page.svelte b/apps/web/src/routes/(dashboard)/ti/times/+page.svelte
index b079991..1cdc8bf 100644
--- a/apps/web/src/routes/(dashboard)/ti/times/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/ti/times/+page.svelte
@@ -454,7 +454,7 @@
 									<h2 class="card-title text-lg">{time.nome}</h2>
 								</div>
 								<div class="dropdown dropdown-end">
-									<button type="button" class="btn btn-sm btn-square" aria-label="Menu do time">
+									<button type="button" class="btn btn-sm" aria-label="Menu do time">
 										<svg
 											xmlns="http://www.w3.org/2000/svg"
 											class="h-5 w-5"
@@ -664,7 +664,7 @@
 											</div>
 										</div>
 										<button
-											class="btn btn-sm btn-error btn-square"
+											class="btn btn-sm btn-error"
 											onclick={() => removerMembro(membro._id)}
 											disabled={processando}
 											aria-label="Remover membro"