From cd45b9fa4157f15cda3095e1199342848ea8bd66 Mon Sep 17 00:00:00 2001
From: guilherme <guilherme@agapesistemas.com.br>
Date: Mon, 15 Dec 2025 10:01:37 -0300
Subject: [PATCH] =?UTF-8?q?feat:=20atualizar=20exibi=C3=A7=C3=A3o=20da=20s?=
 =?UTF-8?q?auda=C3=A7=C3=A3o=20na=20Retrospectiva=20com=20nome=20do=20usu?=
 =?UTF-8?q?=C3=A1rio=20e=20ajustar=20estilos?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/services/metrics/metrics-by-portal.ts |  1 +
 src/styles/index.css                          |  2 +-
 src/views/components/retrospective-slides.tsx | 24 ++++++++++++++-----
 3 files changed, 20 insertions(+), 7 deletions(-)

diff --git a/src/app/services/metrics/metrics-by-portal.ts b/src/app/services/metrics/metrics-by-portal.ts
index dcd0441..a795a12 100644
--- a/src/app/services/metrics/metrics-by-portal.ts
+++ b/src/app/services/metrics/metrics-by-portal.ts
@@ -4,6 +4,7 @@ type MetricsByPortalProps = {
   nomeSistema: string;
   totalAcessos: number;
   horasLogadas: number;
+  nomeUsuario: string;
 };
 
 type GetMetricsByPortalParams = {
diff --git a/src/styles/index.css b/src/styles/index.css
index e4241d5..adaf478 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -117,7 +117,7 @@
   --popover-foreground: oklch(0.145 0 0);
   --primary: #0e233d;
   --primary-foreground: oklch(0.985 0 0);
-  --secondary: oklch(0.97 0 0);
+  --secondary: #febb01;
   --secondary-foreground: oklch(0.205 0 0);
   --muted: oklch(0.97 0 0);
   --muted-foreground: oklch(0.556 0 0);
diff --git a/src/views/components/retrospective-slides.tsx b/src/views/components/retrospective-slides.tsx
index 54abbe9..208d7d5 100644
--- a/src/views/components/retrospective-slides.tsx
+++ b/src/views/components/retrospective-slides.tsx
@@ -124,16 +124,28 @@ export function RetrospectiveSlides() {
                     />
                   </motion.div>
 
-                  <motion.h1
-                    className="text-6xl md:text-7xl font-medium mb-4"
+                    <motion.h1
+                    className="text-5xl md:text-6xl font-medium mb-4"
                     initial={{ y: 20, opacity: 0 }}
                     whileInView={{ y: 0, opacity: 1 }}
                     viewport={{ once: true }}
                     transition={{ duration: 0.6, delay: 0.2 }}>
-                    Sua Retrospectiva
-                    <br />
-                    Ágape {year}
-                  </motion.h1>
+                    {metricsPortal && metricsPortal[0]?.nomeUsuario ? (
+                      <>
+                        Olá,{' '}
+                        <span className="text-secondary">
+                          {metricsPortal[0].nomeUsuario.split(' ')[0]}
+                        </span>
+                        !
+                        <br />
+                        Bem-vindo à sua Retrospectiva Ágape {year}
+                      </>
+                    ) : (
+                      <>
+                      Retrospectiva Ágape {year}
+                      </>
+                    )}
+                    </motion.h1>
 
                   <motion.p
                     className="text-xl md:text-2xl text-white/90 max-w-2xl mx-auto font-light"