From eb7f3507d340b4a36d2c3469e8647e79279d7345 Mon Sep 17 00:00:00 2001 From: deyvisonwanderley Date: Thu, 4 Dec 2025 15:34:24 -0300 Subject: [PATCH] feat: replace SVG icons with Lucide components in various dashboard pages for improved consistency and maintainability --- .../(dashboard)/abrir-chamado/+page.svelte | 31 +- .../recursos-humanos/ausencias/+page.svelte | 147 +--------- .../controle-ponto/+page.svelte | 47 +--- .../funcionarios/+page.svelte | 100 +------ .../funcionarios/[funcionarioId]/+page.svelte | 253 +++-------------- .../enderecos-marcacao/+page.svelte | 16 +- .../funcionarios/excluir/+page.svelte | 266 ++---------------- .../recursos-humanos/simbolos/+page.svelte | 148 +--------- .../simbolos/cadastro/+page.svelte | 87 +----- .../secretaria-executiva/+page.svelte | 47 +--- .../gestao-ausencias/+page.svelte | 147 +--------- .../ti/notificacoes/templates/+page.svelte | 78 +---- .../notificacoes/templates/[id]/+page.svelte | 16 +- .../notificacoes/templates/novo/+page.svelte | 16 +- 14 files changed, 151 insertions(+), 1248 deletions(-) diff --git a/apps/web/src/routes/(dashboard)/abrir-chamado/+page.svelte b/apps/web/src/routes/(dashboard)/abrir-chamado/+page.svelte index e8c05c4..943fcd7 100644 --- a/apps/web/src/routes/(dashboard)/abrir-chamado/+page.svelte +++ b/apps/web/src/routes/(dashboard)/abrir-chamado/+page.svelte @@ -8,6 +8,7 @@ import { chamadosStore } from '$lib/stores/chamados'; import { resolve } from '$app/paths'; import { useConvexWithAuth } from '$lib/hooks/useConvexWithAuth'; + import { LifeBuoy, Info } from 'lucide-svelte'; type Ticket = Doc<'tickets'>; @@ -170,20 +171,7 @@ >
- - - +

Formulário

@@ -208,20 +196,7 @@ >
- - - +

Como funciona a timeline

diff --git a/apps/web/src/routes/(dashboard)/recursos-humanos/ausencias/+page.svelte b/apps/web/src/routes/(dashboard)/recursos-humanos/ausencias/+page.svelte index 198c5ba..9e59e03 100644 --- a/apps/web/src/routes/(dashboard)/recursos-humanos/ausencias/+page.svelte +++ b/apps/web/src/routes/(dashboard)/recursos-humanos/ausencias/+page.svelte @@ -5,6 +5,7 @@ import { api } from '@sgse-app/backend/convex/_generated/api'; import AprovarAusencias from '$lib/components/AprovarAusencias.svelte'; import type { Id } from '@sgse-app/backend/convex/_generated/dataModel'; + import { Clock, ArrowLeft, FileText, CheckCircle, XCircle, Info, Eye } from 'lucide-svelte'; const client = useConvexClient(); const currentUser = useQuery(api.auth.getCurrentUser, {}); @@ -86,20 +87,7 @@
- - - +

Dashboard de Ausências

@@ -107,20 +95,7 @@
@@ -130,20 +105,7 @@
- - - +
Total
{stats.total}
@@ -152,20 +114,7 @@
- - - +
Pendentes
{stats.aguardando}
@@ -174,20 +123,7 @@
- - - +
Aprovadas
{stats.aprovadas}
@@ -196,20 +132,7 @@
- - - +
Reprovadas
{stats.reprovadas}
@@ -246,19 +169,7 @@ {#if ausenciasFiltradas.length === 0}
- - - + Nenhuma solicitação encontrada com os filtros aplicados.
{:else} @@ -320,26 +231,7 @@ class="btn btn-primary btn-sm gap-2" onclick={() => selecionarSolicitacao(ausencia._id)} > - - - - + Ver Detalhes {:else} @@ -348,26 +240,7 @@ class="btn btn-sm gap-2" onclick={() => selecionarSolicitacao(ausencia._id)} > - - - - + Ver Detalhes {/if} diff --git a/apps/web/src/routes/(dashboard)/recursos-humanos/controle-ponto/+page.svelte b/apps/web/src/routes/(dashboard)/recursos-humanos/controle-ponto/+page.svelte index a7e76ce..384a6e0 100644 --- a/apps/web/src/routes/(dashboard)/recursos-humanos/controle-ponto/+page.svelte +++ b/apps/web/src/routes/(dashboard)/recursos-humanos/controle-ponto/+page.svelte @@ -1,5 +1,5 @@ @@ -27,20 +27,7 @@
- - - +

Gestão de Pontos

@@ -59,20 +46,7 @@

- - - +

Homologação de Registro

@@ -92,20 +66,7 @@

- - - +

Dispensa de Registro

diff --git a/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/+page.svelte b/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/+page.svelte index 5e93b5c..4478468 100644 --- a/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/+page.svelte +++ b/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/+page.svelte @@ -6,6 +6,7 @@ import type { SimboloTipo } from '@sgse-app/backend/convex/schema'; import type { Id } from '@sgse-app/backend/convex/_generated/dataModel'; import PrintModal from '$lib/components/PrintModal.svelte'; + import { Users, Plus, Filter, X, Inbox, MoreVertical, XCircle } from 'lucide-svelte'; const client = useConvexClient(); @@ -192,20 +193,7 @@

- - - +

Funcionários Cadastrados

@@ -216,18 +204,7 @@ class="btn btn-primary btn-lg gap-2 shadow-md transition-all hover:shadow-lg" onclick={navCadastro} > - - - + Novo Funcionário
@@ -237,20 +214,7 @@

- - - + Filtros de Pesquisa

@@ -318,20 +282,7 @@ applyFilters(); }} > - - - + Limpar Filtros
@@ -381,20 +332,7 @@
- - - +

Nenhum funcionário encontrado

@@ -440,16 +378,7 @@ class="btn btn-sm btn-ghost hover:btn-primary transition-all" onclick={() => toggleMenu(f._id)} > - - - +

    - + {setoresError}
{/if} diff --git a/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/[funcionarioId]/+page.svelte b/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/[funcionarioId]/+page.svelte index 1720a27..f23a37d 100644 --- a/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/[funcionarioId]/+page.svelte +++ b/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/[funcionarioId]/+page.svelte @@ -15,7 +15,27 @@ APOSENTADO_OPTIONS } from '$lib/utils/constants'; import PrintModal from '$lib/components/PrintModal.svelte'; - import { MapPin } from 'lucide-svelte'; + import { + MapPin, + User, + Edit, + FileText, + Printer, + DollarSign, + Calendar, + ArrowRight, + Download, + Mail, + Phone, + Home, + Building, + File, + X, + Check, + Plus, + ExternalLink, + BookOpen + } from 'lucide-svelte'; const client = useConvexClient(); @@ -113,20 +133,7 @@
- - - +

{funcionario.nome}

@@ -141,20 +148,7 @@ class="btn btn-primary gap-2" onclick={() => goto(resolve(`/recursos-humanos/funcionarios/${funcionarioId}/editar`))} > - - - + Editar {/if} @@ -829,20 +667,7 @@ onclick={() => goto(resolve(`/recursos-humanos/funcionarios/${funcionarioId}/documentos`))} > - - - + Gerenciar Documentos
diff --git a/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/[funcionarioId]/enderecos-marcacao/+page.svelte b/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/[funcionarioId]/enderecos-marcacao/+page.svelte index 1cc91f5..3f295a7 100644 --- a/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/[funcionarioId]/enderecos-marcacao/+page.svelte +++ b/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/[funcionarioId]/enderecos-marcacao/+page.svelte @@ -6,7 +6,7 @@ import { goto } from '$app/navigation'; import { resolve } from '$app/paths'; import type { Id } from '@sgse-app/backend/convex/_generated/dataModel'; - import { MapPin, Plus, X, Edit, Trash2, Search } from 'lucide-svelte'; + import { MapPin, Plus, X, Edit, Trash2, Search, Info } from 'lucide-svelte'; import { toast } from 'svelte-sonner'; const client = useConvexClient(); @@ -357,19 +357,7 @@ {#if associacoes.length === 0}
- - - + Este funcionário não possui endereços específicos associados. O sistema usará automaticamente os endereços tipo "Sede Principal" configurados globalmente. diff --git a/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/excluir/+page.svelte b/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/excluir/+page.svelte index 2fa90fd..e5333be 100644 --- a/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/excluir/+page.svelte +++ b/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/excluir/+page.svelte @@ -4,6 +4,20 @@ import { goto } from '$app/navigation'; import { resolve } from '$app/paths'; import { onMount } from 'svelte'; + import { + Home, + Trash2, + ArrowLeft, + CheckCircle, + XCircle, + X, + Filter, + Users, + Inbox, + Search, + AlertTriangle, + User + } from 'lucide-svelte'; const client = useConvexClient(); @@ -82,20 +96,7 @@
  • - - - + Dashboard
    • @@ -118,40 +119,14 @@
    - - - +

    Excluir Funcionários

    Selecione o funcionário que deseja remover do sistema

    @@ -165,50 +140,13 @@ class:alert-error={notice.kind === 'error'} > {#if notice.kind === 'success'} - - - + {:else} - - - + {/if} {notice.text}
    {/if} @@ -218,38 +156,12 @@

    - - - + Filtros de Busca

    {#if filtro} {/if} @@ -282,40 +194,14 @@

    - - - + Lista de Funcionários

    {#if list.length === 0}
    - - - +

    Nenhum funcionário cadastrado

    @@ -325,20 +211,7 @@ {:else if filtered.length === 0}

    - - - +

    Nenhum resultado encontrado

    Tente ajustar os filtros de busca

    @@ -366,20 +239,7 @@ class="btn btn-error btn-sm gap-2" onclick={() => openDeleteModal(f._id, f.nome, f.cpf, f.matricula)} > - - - + Excluir @@ -396,37 +256,12 @@

    - - - + Confirmar Exclusão

    - - - +
    Atenção!

    Esta ação não pode ser desfeita!

    @@ -440,20 +275,7 @@

    - - - + {toDelete.nome}
    @@ -472,20 +294,7 @@
    diff --git a/apps/web/src/routes/(dashboard)/recursos-humanos/simbolos/+page.svelte b/apps/web/src/routes/(dashboard)/recursos-humanos/simbolos/+page.svelte index 4b32807..e776ead 100644 --- a/apps/web/src/routes/(dashboard)/recursos-humanos/simbolos/+page.svelte +++ b/apps/web/src/routes/(dashboard)/recursos-humanos/simbolos/+page.svelte @@ -4,6 +4,7 @@ import type { Id } from '@sgse-app/backend/convex/_generated/dataModel'; import { onMount } from 'svelte'; import { resolve } from '$app/paths'; + import { Award, Plus, CheckCircle, XCircle, Filter, X, MoreVertical, Edit, Trash2, AlertTriangle } from 'lucide-svelte'; const client = useConvexClient(); let isLoading = true; @@ -92,20 +93,7 @@
    - - - +

    Símbolos Cadastrados

    @@ -113,18 +101,7 @@
    - - - + Novo Símbolo
    @@ -137,28 +114,11 @@ class:alert-success={notice.kind === 'success'} class:alert-error={notice.kind === 'error'} > - - {#if notice.kind === 'success'} - - {:else} - - {/if} - + {#if notice.kind === 'success'} + + {:else} + + {/if} {notice.text}
    {/if} @@ -167,20 +127,7 @@

    - - - + Filtros de Pesquisa

    @@ -231,20 +178,7 @@ filtroDescricao = ''; }} > - - - + Limpar Filtros
    @@ -305,32 +239,14 @@ class="btn btn-sm" onclick={() => toggleMenu(simbolo._id)} > - - - +
    • - - - + Editar
      • @@ -340,18 +256,7 @@ onclick={() => openDeleteModal(simbolo._id, simbolo.nome)} class="text-error" > - - - + Excluir @@ -386,19 +291,7 @@

      Confirmar Exclusão

      - - - + Esta ação não pode ser desfeita!
      {#if simboloToDelete} @@ -421,18 +314,7 @@ Excluindo... {:else} - - - + Confirmar Exclusão {/if} diff --git a/apps/web/src/routes/(dashboard)/recursos-humanos/simbolos/cadastro/+page.svelte b/apps/web/src/routes/(dashboard)/recursos-humanos/simbolos/cadastro/+page.svelte index d7fc3ec..cc32e46 100644 --- a/apps/web/src/routes/(dashboard)/recursos-humanos/simbolos/cadastro/+page.svelte +++ b/apps/web/src/routes/(dashboard)/recursos-humanos/simbolos/cadastro/+page.svelte @@ -6,6 +6,7 @@ import { goto } from '$app/navigation'; import type { SimboloTipo } from '@sgse-app/backend/convex/schema'; import { resolve } from '$app/paths'; + import { Award, CheckCircle, XCircle, Info, ArrowLeft, Save } from 'lucide-svelte'; const client = useConvexClient(); @@ -116,20 +117,7 @@
      - - - +

      Cadastro de Símbolo

      @@ -147,28 +135,11 @@ class:alert-success={notice.kind === 'success'} class:alert-error={notice.kind === 'error'} > - - {#if notice.kind === 'success'} - - {:else} - - {/if} - + {#if notice.kind === 'success'} + + {:else} + + {/if} {notice.text}
      {/if} @@ -393,19 +364,7 @@ {#if getTotalPreview()}
      - - - +

      Valor Total Calculado

      R$ {getTotalPreview()}
      @@ -478,20 +437,7 @@ disabled={isSubmitting} onclick={() => goto(resolve('/recursos-humanos/simbolos'))} > - - - + Cancelar diff --git a/apps/web/src/routes/(dashboard)/secretaria-executiva/+page.svelte b/apps/web/src/routes/(dashboard)/secretaria-executiva/+page.svelte index 0ecb363..b5c32e3 100644 --- a/apps/web/src/routes/(dashboard)/secretaria-executiva/+page.svelte +++ b/apps/web/src/routes/(dashboard)/secretaria-executiva/+page.svelte @@ -1,13 +1,13 @@