From ed031749345d37669a9a16d107e4ed875f6505a8 Mon Sep 17 00:00:00 2001
From: lethemanh <lethemanh@lethemanhs-MacBook-Pro.local>
Date: Wed, 18 Mar 2026 16:24:04 +0700
Subject: [PATCH] #661 hide empty resource section in event detail

---
 src/components/Event/InfoRow.tsx                         | 4 +++-
 src/features/Events/EventPreview/EventPreviewDetails.tsx | 3 ++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/Event/InfoRow.tsx b/src/components/Event/InfoRow.tsx
index 33e9be6..ebac6b6 100644
--- a/src/components/Event/InfoRow.tsx
+++ b/src/components/Event/InfoRow.tsx
@@ -9,6 +9,7 @@ type InfoRowProps = {
   content?: React.ReactNode; // if provided, overrides text rendering
   style?: React.CSSProperties;
   alignItems?: React.CSSProperties["alignItems"];
+  flexWrap?: React.CSSProperties["flexWrap"];
 };
 
 function detectUrls(text: string) {
@@ -64,6 +65,7 @@ export function InfoRow({
   content,
   style,
   alignItems = "center",
+  flexWrap = "nowrap",
 }: InfoRowProps) {
   return (
     <Box
@@ -72,7 +74,7 @@ export function InfoRow({
         alignItems,
         gap: 1,
         marginBottom: 1,
-        flexWrap: "wrap",
+        flexWrap,
       }}
     >
       {icon}
diff --git a/src/features/Events/EventPreview/EventPreviewDetails.tsx b/src/features/Events/EventPreview/EventPreviewDetails.tsx
index 1b92483..3f097db 100644
--- a/src/features/Events/EventPreview/EventPreviewDetails.tsx
+++ b/src/features/Events/EventPreview/EventPreviewDetails.tsx
@@ -133,9 +133,10 @@ export function EventPreviewDetails({
       )}
 
       {/* Resource */}
-      {resources && (
+      {resources?.length > 0 && (
         <InfoRow
           alignItems="flex-start"
+          flexWrap="wrap"
           icon={
             <Box sx={infoIconSx}>
               <LayersOutlinedIcon />