|
|
@@ -1,4 +1,4 @@
|
|
|
-import { CalendarCheck, Flame } from 'lucide-react';
|
|
|
+import { CalendarCheck, Flame, ThumbsUp, MessageSquare } from 'lucide-react';
|
|
|
import { UserProfileDto } from '@/types/account/profile';
|
|
|
|
|
|
type Props = {
|
|
|
@@ -8,6 +8,22 @@ type Props = {
|
|
|
export default function UserProfileStats({ profile }: Props) {
|
|
|
return (
|
|
|
<section className="user-profile__stats" aria-label="회원 활동 통계">
|
|
|
+ <div className="user-profile__stat">
|
|
|
+ <ThumbsUp size={20} className="user-profile__stat-icon user-profile__stat-icon--like" strokeWidth={1.75} />
|
|
|
+ <div className="user-profile__stat-body">
|
|
|
+ <span className="user-profile__stat-label">받은 좋아요</span>
|
|
|
+ <span className="user-profile__stat-value">{profile.likeReceivedCount.toLocaleString()}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div className="user-profile__stat">
|
|
|
+ <MessageSquare size={20} className="user-profile__stat-icon user-profile__stat-icon--comment" strokeWidth={1.75} />
|
|
|
+ <div className="user-profile__stat-body">
|
|
|
+ <span className="user-profile__stat-label">투자의견 댓글</span>
|
|
|
+ <span className="user-profile__stat-value">{profile.commentCount.toLocaleString()}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
<div className="user-profile__stat">
|
|
|
<CalendarCheck size={20} className="user-profile__stat-icon user-profile__stat-icon--attendance" strokeWidth={1.75} />
|
|
|
<div className="user-profile__stat-body">
|