From b82a6af544621093753805602dd553a37eae03af Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Mon, 29 Sep 2025 02:03:36 +0000
Subject: [PATCH] Fix: Display and enlarge entity names

---
 src/components/moderation/ModerationQueue.tsx | 28 +++++++++++++++----
 1 file changed, 23 insertions(+), 5 deletions(-)

diff --git a/src/components/moderation/ModerationQueue.tsx b/src/components/moderation/ModerationQueue.tsx
index 228ce606..6f70bb1b 100644
--- a/src/components/moderation/ModerationQueue.tsx
+++ b/src/components/moderation/ModerationQueue.tsx
@@ -630,9 +630,27 @@ export const ModerationQueue = forwardRef<ModerationQueueRef>((props, ref) => {
                     {item.content.content && (
                       <p className="text-sm mb-2">{item.content.content}</p>
                     )}
-                    <div className="flex items-center gap-2 text-sm text-muted-foreground">
+                    <div className="flex items-center gap-2 text-sm text-muted-foreground mb-2">
                       <span>Rating: {item.content.rating}/5</span>
                     </div>
+                    
+                    {/* Entity Names for Reviews */}
+                    {(item.entity_name || item.park_name) && (
+                      <div className="space-y-1 mb-2">
+                        {item.entity_name && (
+                          <div className="text-sm text-muted-foreground">
+                            <span className="text-xs">{item.park_name ? 'Ride:' : 'Park:'} </span>
+                            <span className="text-base font-medium text-foreground">{item.entity_name}</span>
+                          </div>
+                        )}
+                        {item.park_name && (
+                          <div className="text-sm text-muted-foreground">
+                            <span className="text-xs">Park: </span>
+                            <span className="text-base font-medium text-foreground">{item.park_name}</span>
+                          </div>
+                        )}
+                      </div>
+                    )}
                      {item.content.photos && item.content.photos.length > 0 && (
                       <div className="mt-3">
                         <div className="text-sm font-medium mb-2">Attached Photos:</div>
@@ -771,14 +789,14 @@ export const ModerationQueue = forwardRef<ModerationQueueRef>((props, ref) => {
                         </div>
                         {item.entity_name && (
                           <div className="flex justify-between">
-                            <span className="font-medium">{item.content.content.context === 'ride' ? 'Ride:' : 'Park:'}</span>
-                            <span className="font-medium text-foreground">{item.entity_name}</span>
+                            <span className="font-medium text-xs">{item.content.content.context === 'ride' ? 'Ride:' : 'Park:'}</span>
+                            <span className="font-medium text-foreground text-base">{item.entity_name}</span>
                           </div>
                         )}
                         {item.park_name && item.content.content.context === 'ride' && (
                           <div className="flex justify-between">
-                            <span className="font-medium">Park:</span>
-                            <span className="font-medium text-foreground">{item.park_name}</span>
+                            <span className="font-medium text-xs">Park:</span>
+                            <span className="font-medium text-foreground text-base">{item.park_name}</span>
                           </div>
                         )}
                       </div>