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

Update outlet information icons to navigate to report pages

Browse Source 
Modify MediaOutlet and Report components to change the functionality of the info icon button. Previously, clicking the icon displayed a tooltip with outlet information. Now, it navigates the user to the report page associated with that outlet, utilizing the setLocation function to update the browser's URL based on the outlet's slug.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 0fb68265-c270-4198-9584-3d9be9bddb41
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/3df548ff-50ae-432f-9be4-25d34eccc983/0fb68265-c270-4198-9584-3d9be9bddb41/g8mUCzT
This commit is contained in:
kimjaehyeon0101
2025-09-30 07:46:39 +00:00
parent 902ae62f36
commit c722f4e075
3 changed files with 28 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
.replit
View File

@ -22,10 +22,6 @@ externalPort = 3002
localPort = 37531 localPort = 37531
externalPort = 3001 externalPort = 3001
[[ports]]
localPort = 37709
externalPort = 4200
[[ports]] [[ports]]
localPort = 38387 localPort = 38387
externalPort = 3003 externalPort = 3003

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

@ -216,26 +216,20 @@ export default function MediaOutlet() {
<span className="text-lg font-bold text-gray-900" data-testid="text-outlet-name-header"> <span className="text-lg font-bold text-gray-900" data-testid="text-outlet-name-header">
{outlet.name} {outlet.name}
</span> </span>
<TooltipProvider> <button
<Tooltip> type="button"
<TooltipTrigger asChild> onClick={(e) => {
<button e.stopPropagation();
type="button" setLocation(`/media/${outlet.slug}/report`);
onClick={(e) => e.stopPropagation()} }}
className="inline-flex items-center" className="inline-flex items-center"
aria-label="View outlet information" aria-label="View reports"
> >
<Info <Info
className="h-4 w-4 text-gray-500 cursor-pointer hover:text-gray-700" className="h-4 w-4 text-gray-500 cursor-pointer hover:text-gray-700"
data-testid="icon-info-header" data-testid="icon-info-header"
/> />
</button> </button>
</TooltipTrigger>
<TooltipContent>
<p className="max-w-xs">{outlet.description || "Media Outlet"}</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
</div> </div>
</div> </div>
</div> </div>

34
client/src/pages/Report.tsx
View File

@ -140,26 +140,20 @@ export default function Report() {
<span className="text-lg font-bold text-gray-900" data-testid="text-outlet-name-header"> <span className="text-lg font-bold text-gray-900" data-testid="text-outlet-name-header">
{outlet.name} {outlet.name}
</span> </span>
<TooltipProvider> <button
<Tooltip> type="button"
<TooltipTrigger asChild> onClick={(e) => {
<button e.stopPropagation();
type="button" setLocation(`/media/${outlet.slug}/report`);
onClick={(e) => e.stopPropagation()} }}
className="inline-flex items-center" className="inline-flex items-center"
aria-label="View outlet information" aria-label="View reports"
> >
<Info <Info
className="h-4 w-4 text-gray-500 cursor-pointer hover:text-gray-700" className="h-4 w-4 text-gray-500 cursor-pointer hover:text-gray-700"
data-testid="icon-info-header" data-testid="icon-info-header"
/> />
</button> </button>
</TooltipTrigger>
<TooltipContent>
<p className="max-w-xs">{outlet.description || "Media Outlet"}</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
</div> </div>
</div> </div>
</> </>