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:
@ -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>
|
||||||
</>
|
</>
|
||||||
|
|||||||
Reference in New Issue
Block a user