From 926c704fddb2ed2e78ccd25adecd71010884c9d5 Mon Sep 17 00:00:00 2001
From: "Carlos (Almeira)" <carlos@almeira.com.co>
Date: Wed, 22 Apr 2026 15:46:14 -0500
Subject: [PATCH] fix(ui): hide NewsCard footer separator when date and footer
 text are empty

---
 src/components/NewsCard.tsx | 34 ++++++++++++++++++----------------
 1 file changed, 18 insertions(+), 16 deletions(-)

diff --git a/src/components/NewsCard.tsx b/src/components/NewsCard.tsx
index 99b4cb1..5e367db 100644
--- a/src/components/NewsCard.tsx
+++ b/src/components/NewsCard.tsx
@@ -92,23 +92,25 @@ export const NewsCard = ({
                 </p>
 
                 {/* Footer del card */}
-                <div className="mt-auto pt-5 border-t border-white/10 flex items-center justify-between">
-                    <span className="text-xs font-black tracking-widest uppercase text-cyan-500 group-hover:text-cyan-300 transition-colors">
-                        {showFooterDate ? (
-                             <div className="flex items-center gap-2">
-                                <Calendar size={12} />
-                                {fechaFormateada}
-                             </div>
-                        ) : (
-                            footerText || ""
+                {(showFooterDate || footerText) && (
+                    <div className="mt-auto pt-5 border-t border-white/10 flex items-center justify-between">
+                        <span className="text-xs font-black tracking-widest uppercase text-cyan-500 group-hover:text-cyan-300 transition-colors">
+                            {showFooterDate ? (
+                                 <div className="flex items-center gap-2">
+                                    <Calendar size={12} />
+                                    {fechaFormateada}
+                                 </div>
+                            ) : (
+                                footerText || ""
+                            )}
+                        </span>
+                        {showFooterButton && footerText && (
+                            <div className="w-8 h-8 rounded-full bg-white/5 flex items-center justify-center border border-white/10 group-hover:bg-cyan-500 group-hover:border-cyan-400 group-hover:text-slate-950 transition-all">
+                                <ArrowUpRight size={16} className="transition-transform group-hover:translate-x-0.5 group-hover:-translate-y-0.5" />
+                            </div>
                         )}
-                    </span>
-                    {showFooterButton && footerText && (
-                        <div className="w-8 h-8 rounded-full bg-white/5 flex items-center justify-center border border-white/10 group-hover:bg-cyan-500 group-hover:border-cyan-400 group-hover:text-slate-950 transition-all">
-                            <ArrowUpRight size={16} className="transition-transform group-hover:translate-x-0.5 group-hover:-translate-y-0.5" />
-                        </div>
-                    )}
-                </div>
+                    </div>
+                )}
             </div>
         </div>
     );