From 93f002c54e4ee7d7556cd2f3873c494141d2944b Mon Sep 17 00:00:00 2001
From: kimjaehyeon0101 <47347352-kimjaehyeon0101@users.noreply.replit.com>
Date: Wed, 15 Oct 2025 04:16:19 +0000
Subject: [PATCH] Update button to reveal comprehensive user information
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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
---
 client/src/pages/Community.tsx   | 11 ++++++-----
 client/src/pages/MediaOutlet.tsx | 11 ++++++-----
 client/src/pages/Report.tsx      | 11 ++++++-----
 3 files changed, 18 insertions(+), 15 deletions(-)

diff --git a/client/src/pages/Community.tsx b/client/src/pages/Community.tsx
index 385317b..8099ff6 100644
--- a/client/src/pages/Community.tsx
+++ b/client/src/pages/Community.tsx
@@ -9,7 +9,7 @@ import { Card } from "@/components/ui/card";
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
 import { Badge } from "@/components/ui/badge";
-import { Eye, MessageCircle, ThumbsUp, Pin, Search, Info, Settings, User, LogOut } from "lucide-react";
+import { Eye, MessageCircle, ThumbsUp, Pin, Search, Info, Settings, User, LogOut, IdCard } from "lucide-react";
 import type { MediaOutlet, CommunityPost } from "@shared/schema";
 import { queryClient, apiRequest } from "@/lib/queryClient";
 import SearchModal from "@/components/SearchModal";
@@ -148,17 +148,18 @@ export default function Community() {
                     {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>
diff --git a/client/src/pages/MediaOutlet.tsx b/client/src/pages/MediaOutlet.tsx
index 2f4c2ad..acc66a2 100644
--- a/client/src/pages/MediaOutlet.tsx
+++ b/client/src/pages/MediaOutlet.tsx
@@ -6,7 +6,7 @@ import { Input } from "@/components/ui/input";
 import { Card, CardContent } from "@/components/ui/card";
 import { Dialog, DialogContent } from "@/components/ui/dialog";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";
-import { Search, Settings, User, LogOut, Grid, List, Info, MessageCircle } from "lucide-react";
+import { Search, Settings, User, LogOut, Grid, List, Info, MessageCircle, IdCard } from "lucide-react";
 import { useAuth } from "@/hooks/useAuth";
 import { useToast } from "@/hooks/use-toast";
 import { queryClient } from "@/lib/queryClient";
@@ -219,17 +219,18 @@ export default function MediaOutlet() {
                     {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>
diff --git a/client/src/pages/Report.tsx b/client/src/pages/Report.tsx
index d183e00..fb3880e 100644
--- a/client/src/pages/Report.tsx
+++ b/client/src/pages/Report.tsx
@@ -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>