From 2e5d7e32de22a535c421ddf13afb9da2701d8a20 Mon Sep 17 00:00:00 2001
From: kimjaehyeon0101 <47347352-kimjaehyeon0101@users.noreply.replit.com>
Date: Wed, 15 Oct 2025 04:11:37 +0000
Subject: [PATCH] Update media outlet pages to show profile button instead of
 info icon

Replace the Info icon with a "Profile" button on the Community and Media Outlet pages, linking to user profiles. Update query invalidation predicate to safely handle undefined query keys.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 9a264234-c5d7-4dcc-adf3-a954b149b30d
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/3df548ff-50ae-432f-9be4-25d34eccc983/9a264234-c5d7-4dcc-adf3-a954b149b30d/cEkjo93
---
 .replit                          |  4 ++++
 client/src/pages/Community.tsx   | 19 +++++++++----------
 client/src/pages/MediaOutlet.tsx | 17 ++++++++---------
 3 files changed, 21 insertions(+), 19 deletions(-)

diff --git a/.replit b/.replit
index 8826cfc..36c68b4 100644
--- a/.replit
+++ b/.replit
@@ -38,6 +38,10 @@ externalPort = 3001
 localPort = 38387
 externalPort = 3003
 
+[[ports]]
+localPort = 41311
+externalPort = 6800
+
 [[ports]]
 localPort = 41425
 externalPort = 6000
diff --git a/client/src/pages/Community.tsx b/client/src/pages/Community.tsx
index 1e09443..385317b 100644
--- a/client/src/pages/Community.tsx
+++ b/client/src/pages/Community.tsx
@@ -45,7 +45,7 @@ export default function Community() {
     onSuccess: () => {
       queryClient.invalidateQueries({ 
         predicate: (query) => 
-          query.queryKey[0]?.toString().startsWith(`/api/media-outlets/${slug}/community`)
+          query.queryKey[0]?.toString().startsWith(`/api/media-outlets/${slug}/community`) ?? false
       });
       setIsNewPostOpen(false);
     }
@@ -147,20 +147,19 @@ export default function Community() {
                   <span className="text-lg font-bold text-gray-900" data-testid="text-outlet-name-header">
                     {outlet.name}
                   </span>
-                  <button
-                    type="button"
+                  <Button
+                    variant="ghost"
+                    size="sm"
                     onClick={(e) => {
                       e.stopPropagation();
                       setLocation(`/media/${outlet.slug}/report`);
                     }}
-                    className="inline-flex items-center"
-                    aria-label="View reports"
+                    className="h-auto p-1"
+                    aria-label="View profile"
+                    data-testid="button-profile"
                   >
-                    <Info 
-                      className="h-4 w-4 text-gray-500 cursor-pointer hover:text-gray-700" 
-                      data-testid="icon-info-header"
-                    />
-                  </button>
+                    Profile
+                  </Button>
                 </div>
               </div>
             </div>
diff --git a/client/src/pages/MediaOutlet.tsx b/client/src/pages/MediaOutlet.tsx
index c2e6ac7..2f4c2ad 100644
--- a/client/src/pages/MediaOutlet.tsx
+++ b/client/src/pages/MediaOutlet.tsx
@@ -218,20 +218,19 @@ export default function MediaOutlet() {
                   <span className="text-lg font-bold text-gray-900" data-testid="text-outlet-name-header">
                     {outlet.name}
                   </span>
-                  <button
-                    type="button"
+                  <Button
+                    variant="ghost"
+                    size="sm"
                     onClick={(e) => {
                       e.stopPropagation();
                       setLocation(`/media/${outlet.slug}/report`);
                     }}
-                    className="inline-flex items-center"
-                    aria-label="View reports"
+                    className="h-auto p-1"
+                    aria-label="View profile"
+                    data-testid="button-profile"
                   >
-                    <Info 
-                      className="h-4 w-4 text-gray-500 cursor-pointer hover:text-gray-700" 
-                      data-testid="icon-info-header"
-                    />
-                  </button>
+                    Profile
+                  </Button>
                 </div>
               </div>
             </div>