From b063109af655708e90d34c3a5e4347fa4b148345 Mon Sep 17 00:00:00 2001
From: "Carlos (Almeira)" <carlos@almeira.com.co>
Date: Sat, 28 Mar 2026 17:34:01 -0500
Subject: [PATCH] fix: finalize NewsCard edit button z-index layer and
 eliminate nested Server Component Links

---
 src/components/NewsCard.tsx | 26 ++++++++++++++------------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/components/NewsCard.tsx b/src/components/NewsCard.tsx
index 9bef5e9..99b4cb1 100644
--- a/src/components/NewsCard.tsx
+++ b/src/components/NewsCard.tsx
@@ -45,6 +45,19 @@ export const NewsCard = ({
                 <span className="sr-only">Ver {titulo}</span>
             </Link>
 
+            {/* Edit Button for Admins (Elevado en el stacking context) */}
+            {isAdmin && (
+                <div className="absolute top-4 right-4 z-30 opacity-0 group-hover:opacity-100 transition-opacity pointer-events-auto">
+                        <Link 
+                        href={`/dashboard/posts/${id}`} 
+                        className="flex items-center gap-2 px-3 py-1.5 rounded-full text-[10px] font-black uppercase tracking-wider bg-slate-950/80 backdrop-blur border border-cyan-500/50 text-cyan-400 hover:bg-cyan-500 hover:text-slate-950 transition-all shadow-lg cursor-pointer hover:scale-105"
+                        title="Editar en Dashboard"
+                        >
+                        <span className="hidden sm:inline pointer-events-none">Editar</span>
+                        </Link>
+                </div>
+            )}
+
             {/* Imagen Destacada */}
             <div className="relative aspect-[16/10] w-full overflow-hidden bg-slate-800 z-0">
                 <div className="absolute inset-0 bg-gradient-to-t from-slate-950 via-slate-950/20 to-transparent z-10 opacity-90 pointer-events-none"></div>
@@ -65,18 +78,7 @@ export const NewsCard = ({
                     </div>
                 )}
 
-                {/* Edit Button for Admins */}
-                {isAdmin && (
-                    <div className="absolute top-4 right-4 z-30 opacity-0 group-hover:opacity-100 transition-opacity">
-                         <Link 
-                            href={`/dashboard/posts/${id}`} 
-                            className="flex items-center gap-2 px-3 py-1.5 rounded-full text-[10px] font-black uppercase tracking-wider bg-slate-950/80 backdrop-blur border border-cyan-500/50 text-cyan-400 hover:bg-cyan-500 hover:text-slate-950 transition-all shadow-lg"
-                            title="Editar en Dashboard"
-                         >
-                            <span className="hidden sm:inline">Editar</span>
-                         </Link>
-                    </div>
-                )}
+                {/* No button here */}
             </div>
 
             {/* Contenido */}