From 7745b91fb0806fa55a10e2dc04f49da6e73030d8 Mon Sep 17 00:00:00 2001
From: Ruan Bueno <rbcr4z1@gmail.com>
Date: Tue, 23 Sep 2025 12:01:49 -0300
Subject: [PATCH] refactor: add news on dashboard

---
 src/app/(authenticated)/dashboard/page.tsx | 61 ++++++++++++++++++----
 1 file changed, 52 insertions(+), 9 deletions(-)

diff --git a/src/app/(authenticated)/dashboard/page.tsx b/src/app/(authenticated)/dashboard/page.tsx
index ed47996e..129d7ef7 100644
--- a/src/app/(authenticated)/dashboard/page.tsx
+++ b/src/app/(authenticated)/dashboard/page.tsx
@@ -11,6 +11,8 @@ import NewsDisplay from "@/components/dashboard/news-displ"
 import { routeItems } from "@/const/routes"
 import { FaInstagram, FaFacebook, FaYoutube } from "react-icons/fa6"
 import Image from "next/image"
+import { ContentFeed } from "@/components/content-feed";
+import { DashboardShell } from "@/components/dashboard-shell";
 
 import { SuggestionsWrapper } from "./suggestions-wrapper"
 import { CompleteProfileModal } from "@/components/complete-profile-modal"
@@ -103,14 +105,14 @@ export default function DashboardPage() {
               </h1>
               <div className="grid grid-cols-2 gap-3 mb-6">
                 {
-                  // routeItems(user?.role_config).map((m,i)=> m.title !== "Dashboard" && (
-                  //   <div key={i} className="col-span-1">
-                  //     <Link href={m.href} className="hover:bg-primary/30 transition-all justify-center flex items-center bg-muted p-3 rounded-lg gap-x-2 text-sm">
-                  //       <m.icon className="size-4"/>
-                  //       <span className="text-center leading-tight">{m.title}</span>
-                  //     </Link>
-                  //   </div>
-                  // ))
+                  routeItems(user?.role_config).map((m,i)=> m.title !== "Dashboard" && (
+                    <div key={i} className="col-span-1">
+                      <Link href={m.href} className="hover:bg-primary/30 transition-all justify-center flex items-center bg-muted p-3 rounded-lg gap-x-2 text-sm">
+                        <m.icon className="size-4"/>
+                        <span className="text-center leading-tight">{m.title}</span>
+                      </Link>
+                    </div>
+                  ))
                 }
               </div>
             </div>
@@ -166,7 +168,48 @@ export default function DashboardPage() {
           </div>
         </div>
       </div>
-   
+      
+      {/* Seção de Notícias - Design Assertivo e Responsivo */}
+      {/*<div className="w-full max-w-7xl mx-auto mt-6 md:mt-12 px-4 sm:px-6 lg:px-8">
+        {/* Header da Seção com Design Melhorado */}
+        {/*<div className="mb-8 md:mb-12 text-center lg:text-left">
+          <div className="inline-flex items-center justify-center lg:justify-start gap-x-3 mb-4">
+            <div className="p-2 bg-primary/10 rounded-full">
+              <LucideNewspaper className="w-6 h-6 md:w-8 md:h-8 text-primary"/>
+            </div>
+            <h1 className="text-3xl md:text-4xl lg:text-5xl font-bold text-foreground tracking-tight">
+              News
+            </h1>
+          </div>
+          <p className="text-base md:text-lg text-muted-foreground max-w-2xl mx-auto lg:mx-0 leading-relaxed">
+            Fique por dentro das últimas novidades, atualizações e acontecimentos importantes
+          </p>
+
+          {/* Linha decorativa */}
+          {/*<div className="mt-6 flex justify-center lg:justify-start">
+            <div className="w-24 h-1 bg-gradient-to-r from-primary to-primary/50 rounded-full"></div>
+          </div>
+
+        {/* Container de Notícias com Design Aprimorado */}
+        {/*<div className="bg-card/50 backdrop-blur-sm rounded-xl md:rounded-2xl border border-border/50 shadow-lg md:shadow-xl overflow-hidden">
+          {/* Padding interno responsivo */}
+          {/*<div className="p-4 sm:p-6 lg:p-8">
+            <NewsDisplay/>
+          </div>
+
+          {/* Gradiente sutil na parte inferior */}
+          {/*<div className="h-px bg-gradient-to-r from-transparent via-border to-transparent"></div>
+        </div>
+
+        {/* Espaçamento adicional para mobile */}
+        {/*<div className="h-8 md:h-12"></div>
+      </div>
+    */}
+    <div> 
+    <DashboardShell className="flex justify-center">
+      <ContentFeed className="w-full sm:max-w-md md:max-w-lg lg:max-w-xl"/>
+    </DashboardShell>
+    </div>
       {/* Footer com Redes Sociais */}
       <div className="mt-8 lg:mt-12 bg-muted/50 border-t">
         <div className="max-w-6xl mx-auto px-4 py-8">