Update button to reveal comprehensive user information
Add `IdCard` icon and change button text from "Profile" to "소개" (Introduction) to intuitively convey that clicking it will display all information about the user, not just a basic profile. Modified button variant to "outline" and adjusted styling for better visual integration. 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:
@ -1,5 +1,5 @@
|
||||
import { useRoute, useLocation } from "wouter";
|
||||
import { FileText, Presentation, Info, Search, Settings, User, LogOut } from "lucide-react";
|
||||
import { FileText, Presentation, Info, Search, Settings, User, LogOut, IdCard } from "lucide-react";
|
||||
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
|
||||
import { Card, CardContent } from "@/components/ui/card";
|
||||
import { Button } from "@/components/ui/button";
|
||||
@ -485,17 +485,18 @@ export default function Report() {
|
||||
{outlet.name}
|
||||
</span>
|
||||
<Button
|
||||
variant="ghost"
|
||||
variant="outline"
|
||||
size="sm"
|
||||
onClick={(e) => {
|
||||
e.stopPropagation();
|
||||
setLocation(`/media/${outlet.slug}/report`);
|
||||
}}
|
||||
className="h-auto p-1"
|
||||
aria-label="View profile"
|
||||
className="h-7 px-2 flex items-center gap-1 text-xs border-gray-300 hover:bg-gray-100"
|
||||
aria-label="View complete profile"
|
||||
data-testid="button-profile"
|
||||
>
|
||||
Profile
|
||||
<IdCard className="h-3.5 w-3.5" />
|
||||
<span>소개</span>
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user