Change info icon to profile text button on reports and slides pages

Replaced the 'Info' icon with a 'Profile' text button (`Button` component) in the `Report.tsx` file for improved UI consistency.

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:13:13 +00:00
parent 2e5d7e32de
commit 4d4f7b1c76

View File

@ -484,20 +484,19 @@ 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>
<button <Button
type="button" variant="ghost"
size="sm"
onClick={(e) => { onClick={(e) => {
e.stopPropagation(); e.stopPropagation();
setLocation(`/media/${outlet.slug}/report`); setLocation(`/media/${outlet.slug}/report`);
}} }}
className="inline-flex items-center" className="h-auto p-1"
aria-label="View reports" aria-label="View profile"
data-testid="button-profile"
> >
<Info Profile
className="h-4 w-4 text-gray-500 cursor-pointer hover:text-gray-700" </Button>
data-testid="icon-info-header"
/>
</button>
</div> </div>
</div> </div>
</> </>