feat: replace SVG icons with Lucide components in email configuration and dashboard pages for enhanced consistency and maintainability

This commit is contained in:
2025-12-04 15:58:38 -03:00
parent eb7f3507d3
commit 300dfe7fc9
3 changed files with 38 additions and 246 deletions

View File

@@ -3,6 +3,7 @@
import { api } from '@sgse-app/backend/convex/_generated/api';
import { onMount } from 'svelte';
import { resolve } from '$app/paths';
import { BarChart3, Info, DollarSign, Users } from 'lucide-svelte';
const client = useConvexClient();
@@ -114,20 +115,7 @@
<!-- Header -->
<div class="mb-8 flex items-center gap-4">
<div class="bg-primary/10 rounded-xl p-3">
<svg
xmlns="http://www.w3.org/2000/svg"
class="text-primary h-8 w-8"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"
/>
</svg>
<BarChart3 class="text-primary h-8 w-8" strokeWidth={2} />
</div>
<div>
<h1 class="text-base-content text-3xl font-bold">Relatórios de Funcionários</h1>
@@ -143,19 +131,7 @@
class:alert-error={notice.kind === 'error'}
class:alert-success={notice.kind === 'success'}
>
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
class="h-6 w-6 shrink-0 stroke-current"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
></path>
</svg>
<Info class="h-6 w-6 shrink-0 stroke-current" strokeWidth={2} />
<span>{notice.text}</span>
</div>
{/if}
@@ -173,20 +149,7 @@
<div class="card-body p-6">
<div class="mb-6 flex items-center gap-3">
<div class="bg-primary/10 rounded-lg p-2.5">
<svg
xmlns="http://www.w3.org/2000/svg"
class="text-primary h-6 w-6"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
/>
</svg>
<DollarSign class="text-primary h-6 w-6" strokeWidth={2} />
</div>
<div class="flex-1">
<h3 class="text-base-content text-lg font-bold">
@@ -333,17 +296,8 @@
<div class="card-body p-6">
<div class="mb-6 flex items-center gap-3">
<div class="bg-secondary/10 rounded-lg p-2.5">
<svg
xmlns="http://www.w3.org/2000/svg"
class="text-secondary h-6 w-6"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
<Users class="text-secondary h-6 w-6" strokeWidth={2} />
</div>
d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"
/>
</svg>