centersl/lobehub
1
0
Fork 0
mirror of https://github.com/lobehub/lobehub.git synced 2026-03-27 13:29:15 +07:00
Code Issues Packages Projects Releases Wiki Activity

🐛 fix: add lost like button in discover detail page (#11182)

Browse Source 
fix: add lost like button
This commit is contained in:
Shinji-Li
2026-01-05 10:35:18 +08:00
committed by GitHub
parent 82980a7543
commit 41215d412e
2 changed files with 50 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/(backend)/market/social/[[...segments]]/route.ts
View File

@@ -158,7 +158,7 @@ export const GET = async (req: NextRequest, context: RouteContext) => {
// Follow queries
case 'follow-status': {
const targetUserId = Number(segments[1]);
if (!accessToken) {
if (!accessToken && !trustedClientToken) {
return NextResponse.json({ isFollowing: false, isMutual: false });
}
const result = await market.follows.checkFollowStatus(targetUserId);
@@ -193,7 +193,7 @@ export const GET = async (req: NextRequest, context: RouteContext) => {
case 'favorite-status': {
const targetType = segments[1] as 'agent' | 'plugin';
const targetIdOrIdentifier = segments[2];
if (!accessToken) {
if (!accessToken && !trustedClientToken) {
return NextResponse.json({ isFavorited: false });
}
// SDK accepts both number (targetId) and string (identifier)
@@ -236,7 +236,7 @@ export const GET = async (req: NextRequest, context: RouteContext) => {
case 'like-status': {
const targetType = segments[1] as 'agent' | 'plugin';
const targetIdOrIdentifier = segments[2];
if (!accessToken) {
if (!accessToken && !trustedClientToken) {
return NextResponse.json({ isLiked: false });
}
const isNumeric = /^\d+$/.test(targetIdOrIdentifier);

81
src/app/[variants]/(main)/community/(detail)/assistant/features/Header.tsx
View File

@@ -13,7 +13,14 @@ import {
} from '@lobehub/ui';
import { App } from 'antd';
import { createStaticStyles, cssVar, useResponsive } from 'antd-style';
import { BookTextIcon, BookmarkCheckIcon, BookmarkIcon, CoinsIcon, DotIcon } from 'lucide-react';
import {
BookTextIcon,
BookmarkCheckIcon,
BookmarkIcon,
CoinsIcon,
DotIcon,
HeartIcon,
} from 'lucide-react';
import qs from 'query-string';
import { memo, useState } from 'react';
import { useTranslation } from 'react-i18next';
@@ -54,8 +61,7 @@ const Header = memo<{ mobile?: boolean }>(({ mobile: isMobile }) => {
const { mobile = isMobile } = useResponsive();
const { isAuthenticated, signIn, session } = useMarketAuth();
const [favoriteLoading, setFavoriteLoading] = useState(false);
// TODO: enable like feature
// const [likeLoading, setLikeLoading] = useState(false);
const [likeLoading, setLikeLoading] = useState(false);
// Set access token for social service
if (session?.accessToken) {
@@ -71,13 +77,13 @@ const Header = memo<{ mobile?: boolean }>(({ mobile: isMobile }) => {
const isFavorited = favoriteStatus?.isFavorited ?? false;
// TODO: enable like feature
// const { data: likeStatus, mutate: mutateLike } = useSWR(
// identifier && isAuthenticated ? ['like-status', 'agent', identifier] : null,
// () => socialService.checkLikeStatus('agent', identifier!),
// { revalidateOnFocus: false },
// );
// const isLiked = likeStatus?.isLiked ?? false;
// Fetch like status
const { data: likeStatus, mutate: mutateLike } = useSWR(
identifier && isAuthenticated ? ['like-status', 'agent', identifier] : null,
() => socialService.checkLikeStatus('agent', identifier!),
{ revalidateOnFocus: false },
);
const isLiked = likeStatus?.isLiked ?? false;
const handleFavoriteClick = async () => {
if (!isAuthenticated) {
@@ -105,30 +111,29 @@ const Header = memo<{ mobile?: boolean }>(({ mobile: isMobile }) => {
}
};
// TODO: enable like feature
// const handleLikeClick = async () => {
// if (!isAuthenticated) {
// await signIn();
// return;
// }
// if (!identifier) return;
// setLikeLoading(true);
// try {
// if (isLiked) {
// await socialService.unlike('agent', identifier);
// message.success(t('assistant.unlikeSuccess'));
// } else {
// await socialService.like('agent', identifier);
// message.success(t('assistant.likeSuccess'));
// }
// await mutateLike();
// } catch (error) {
// console.error('Like action failed:', error);
// message.error(t('assistant.likeFailed'));
// } finally {
// setLikeLoading(false);
// }
// };
const handleLikeClick = async () => {
if (!isAuthenticated) {
await signIn();
return;
}
if (!identifier) return;
setLikeLoading(true);
try {
if (isLiked) {
await socialService.unlike('agent', identifier);
message.success(t('assistant.unlikeSuccess'));
} else {
await socialService.like('agent', identifier);
message.success(t('assistant.likeSuccess'));
}
await mutateLike();
} catch (error) {
console.error('Like action failed:', error);
message.error(t('assistant.likeFailed'));
} finally {
setLikeLoading(false);
}
};
const categories = useCategory();
const cate = categories.find((c) => c.key === category);
@@ -186,6 +191,14 @@ const Header = memo<{ mobile?: boolean }>(({ mobile: isMobile }) => {
{title}
</Text>
</Flexbox>
<Tooltip title={isLiked ? t('assistant.unlike') : t('assistant.like')}>
<ActionIcon
icon={HeartIcon}
loading={likeLoading}
onClick={handleLikeClick}
style={isLiked ? { color: '#ff4d4f' } : undefined}
/>
</Tooltip>
<Tooltip title={isFavorited ? t('assistant.unfavorite') : t('assistant.favorite')}>
<ActionIcon
icon={isFavorited ? BookmarkCheckIcon : BookmarkIcon}