feat: 统一的Hook架构

This commit is contained in:
zdl
2025-10-29 13:15:14 +08:00
parent 173b13bc70
commit 8632e40c94
2 changed files with 103 additions and 3 deletions

View File

@@ -111,7 +111,7 @@ const StatCard = ({ icon, label, value, color }) => {
};
// 帖子组件
const PostItem = ({ post, onRefresh }) => {
const PostItem = ({ post, onRefresh, eventEvents }) => {
const [showComments, setShowComments] = useState(false);
const [comments, setComments] = useState([]);
const [newComment, setNewComment] = useState('');
@@ -146,8 +146,14 @@ const PostItem = ({ post, onRefresh }) => {
try {
const result = await eventService.likePost(post.id);
if (result.success) {
setLiked(result.liked);
const newLikedState = result.liked;
setLiked(newLikedState);
setLikesCount(result.likes_count);
// 🎯 追踪评论点赞
if (eventEvents && eventEvents.trackCommentLiked) {
eventEvents.trackCommentLiked(post.id, newLikedState);
}
}
} catch (error) {
toast({
@@ -167,6 +173,14 @@ const PostItem = ({ post, onRefresh }) => {
});
if (result.success) {
// 🎯 追踪添加评论
if (eventEvents && eventEvents.trackCommentAdded) {
eventEvents.trackCommentAdded(
result.data?.id || post.id,
newComment.length
);
}
toast({
title: '评论发表成功',
status: 'success',
@@ -193,6 +207,11 @@ const PostItem = ({ post, onRefresh }) => {
try {
const result = await eventService.deletePost(post.id);
if (result.success) {
// 🎯 追踪删除评论
if (eventEvents && eventEvents.trackCommentDeleted) {
eventEvents.trackCommentDeleted(post.id);
}
toast({
title: '删除成功',
status: 'success',
@@ -824,7 +843,12 @@ const EventDetail = () => {
</VStack>
) : posts.length > 0 ? (
posts.map((post) => (
<PostItem key={post.id} post={post} onRefresh={loadPosts} />
<PostItem
key={post.id}
post={post}
onRefresh={loadPosts}
eventEvents={eventEvents}
/>
))
) : (
<Box