aimond/sapiens-web3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update media outlet pages to show profile button instead of info icon

Browse Source 
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
This commit is contained in:
kimjaehyeon0101
2025-10-15 04:11:37 +00:00
parent 1684a8f3ba
commit 2e5d7e32de
3 changed files with 21 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
.replit
View File

@ -38,6 +38,10 @@ externalPort = 3001
localPort = 38387
externalPort = 3003
[[ports]]
localPort = 41311
externalPort = 6800
[[ports]]
localPort = 41425
externalPort = 6000

19
client/src/pages/Community.tsx
View File

@ -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>

17
client/src/pages/MediaOutlet.tsx
View File

@ -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>