From 3a469dfa8d9d939175cfdfc860c1568eee95ec1b Mon Sep 17 00:00:00 2001
From: Your Name <us01@sociowire.com>
Date: Fri, 23 Jan 2026 03:03:46 +0000
Subject: [PATCH] Fix tags display in PostDetailModal

- Use event_tags (API field) instead of tags
- Add impact-based coloring (green positive, red negative, default neutral)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/components/Posts/PostDetailModal.jsx | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/components/Posts/PostDetailModal.jsx b/src/components/Posts/PostDetailModal.jsx
index 818a5a0..e76eed1 100644
--- a/src/components/Posts/PostDetailModal.jsx
+++ b/src/components/Posts/PostDetailModal.jsx
@@ -1001,13 +1001,19 @@ export default function PostDetailModal({ post, onClose, onPostUpdated, onPostDe
               )}
 
               {/* Tags */}
-              {post?.tags?.length > 0 && (
+              {(post?.event_tags?.length > 0 || post?.tags?.length > 0) && (
                 <div className="flex flex-wrap gap-2 mb-4">
-                  {post.tags.slice(0, 6).map((tag, i) => (
-                    <span key={i} className="px-3 py-1.5 rounded-full bg-themed-accent text-accent text-xs font-medium">
-                      #{tag}
-                    </span>
-                  ))}
+                  {(post.event_tags || post.tags).slice(0, 6).map((tag, i) => {
+                    const impact = post?.topic_impacts?.[tag] ?? 0;
+                    const colorClass = impact > 0 ? "bg-green-500/20 text-green-400" :
+                                       impact < 0 ? "bg-red-500/20 text-red-400" :
+                                       "bg-themed-accent text-accent";
+                    return (
+                      <span key={i} className={`px-3 py-1.5 rounded-full text-xs font-medium ${colorClass}`}>
+                        #{tag}
+                      </span>
+                    );
+                  })}
                 </div>
               )}