, title: '引用', action: withMarkdown((ta, v, ch) => prefixMarkdownLines(ta, v, '> ', ch)) }, - { icon:
, title: '引用', action: withMarkdown((ta, v, ch) => prefixMarkdownLines(ta, v, '> ', ch)) }, + { icon:
+
+
- {linkPlacement === 'custom' && (
-
+
+ setReciprocalPageURL(e.target.value)}
+ placeholder="如：https://您的域名/link.htm"
+ maxLength={512}
+ tabIndex={linkPlacement === 'custom' ? 0 : -1}
+ />
+
+ + 请填写实际放置本站友链的页面，提交后将在后台检测该页面 +
+
-
- setReciprocalPageURL(e.target.value)}
- placeholder="如：https://您的域名/link.htm"
- maxLength={512}
- />
-
- )}
- 请填写实际放置本站友链的页面，提交后将在后台检测该页面 -
-
diff --git a/frontend/src/components/FriendLinkSiteInfo.tsx b/frontend/src/components/FriendLinkSiteInfo.tsx
index ec46257..6c80f08 100644
--- a/frontend/src/components/FriendLinkSiteInfo.tsx
+++ b/frontend/src/components/FriendLinkSiteInfo.tsx
@@ -32,23 +32,11 @@ export default function FriendLinkSiteInfo() {
diff --git a/frontend/src/pages/FavoritesPage.tsx b/frontend/src/pages/FavoritesPage.tsx
index a24235e..679aca4 100644
--- a/frontend/src/pages/FavoritesPage.tsx
+++ b/frontend/src/pages/FavoritesPage.tsx
@@ -44,16 +44,18 @@ export default function FavoritesPage() {
return (
-
-
-
我的收藏
-共 {list.length} 篇收藏帖子
+
+
+
+
{list.length === 0 ? (
-
我的收藏
+共 {list.length} 篇收藏帖子
+
+
= {
+ pending: 0,
+ rejected: 1,
+ approved: 2,
+};
+
function applyStatusBadge(status: FriendLinkApply['status']) {
switch (status) {
case 'pending':
@@ -57,6 +63,36 @@ export default function LinksPage() {
(l: FriendLink) => l.name?.trim() && l.url?.trim(),
);
+ const sortedApplies = useMemo(
+ () => [...myApplies].sort((a, b) => {
+ const byStatus = APPLY_STATUS_ORDER[a.status] - APPLY_STATUS_ORDER[b.status];
+ if (byStatus !== 0) return byStatus;
+ return new Date(b.created_at).getTime() - new Date(a.created_at).getTime();
+ }),
+ [myApplies],
+ );
+
+ const applyCounts = useMemo(() => {
+ let pending = 0;
+ let rejected = 0;
+ let approved = 0;
+ for (const a of myApplies) {
+ if (a.status === 'pending') pending += 1;
+ else if (a.status === 'rejected') rejected += 1;
+ else if (a.status === 'approved') approved += 1;
+ }
+ return { pending, rejected, approved };
+ }, [myApplies]);
+
+ const applySummaryText = useMemo(() => {
+ if (myApplies.length === 0) return '';
+ const parts: string[] = [];
+ if (applyCounts.pending > 0) parts.push(`${applyCounts.pending} 待审`);
+ if (applyCounts.rejected > 0) parts.push(`${applyCounts.rejected} 已拒绝`);
+ if (applyCounts.approved > 0) parts.push(`${applyCounts.approved} 已通过`);
+ return `我的申请 · ${parts.join(' / ')}`;
+ }, [myApplies.length, applyCounts]);
+
const loadMyApplies = useCallback(() => {
if (!user) {
setMyApplies([]);
@@ -129,166 +165,189 @@ export default function LinksPage() {
setCancelingId(null);
}
};
+
+ const friendLinksBlock = friendLinks.length === 0 ? (
+
+
+ ) : null;
+
return (
还没有收藏任何帖子
diff --git a/frontend/src/pages/LinksPage.tsx b/frontend/src/pages/LinksPage.tsx index c63974c..6fb093a 100644 --- a/frontend/src/pages/LinksPage.tsx +++ b/frontend/src/pages/LinksPage.tsx @@ -1,4 +1,4 @@ -import { useCallback, useEffect, useState } from 'react'; +import { useCallback, useEffect, useMemo, useState } from 'react'; import { Link, useNavigate, useSearchParams } from 'react-router-dom'; import { ArrowLeft, Link2, Pencil, Plus, Trash2 } from 'lucide-react'; import { Button } from '@/components/ui/button'; @@ -16,6 +16,12 @@ import { resolveFriendLinkLogo, isReciprocalChecking, reciprocalStatusLabel } fr import { InFlowSiteFooter } from '../components/SiteFooter'; import FriendLinkApplyDialog from '../components/FriendLinkApplyDialog'; +const APPLY_STATUS_ORDER: Record
+
+ ) : (
+ 暂无友情链接
++ 注册登录后可提交申请，审核通过后将展示在此页 +
+
+
+ );
+
+ const myAppliesBlock = user ? (
+
+ {friendLinks.map(link => {
+ const logoURL = resolveFriendLinkLogo(link.logo, branding.site_url);
+ return (
+
+
+
+ {logoURL ? (
+ 
+ ) : (
+ {linkInitial(link.name)}
+ )}
+
+ {link.name}
+
+ );
+ })}
+ 我的申请
+ {myLoading ? ( +你还没有提交过友链申请，点击右上角「申请友链」即可提交
+ ) : ( +
+ {sortedApplies.map(apply => (
+
+ )}
+
+ {apply.logo?.trim() && (
+
+ ))}
+
+ 
+
+ )}
+
+
+ {apply.status === 'pending' && (
+
+ {apply.name}
+ {applyStatusBadge(apply.status)}
+
+
+ {apply.url}
+
+ {apply.status === 'rejected' && apply.review_note?.trim() && (
+ 拒绝原因：{apply.review_note}
+ )} + {apply.status === 'pending' && ( ++ 回链检测：{reciprocalStatusLabel(apply).text} +
+ )} + {apply.status === 'approved' && ( +修改后将重新进入审核，友链会暂时从列表移除
+ )} +{formatTime(apply.created_at)}
+
+
+
+
+ )}
+ {apply.status === 'rejected' && (
+
+ )}
+ {apply.status === 'approved' && (
+
+ )}
+
-
-
-
-
-
-
- 友情链接
-- 与本站互链的站点列表 - {friendLinks.length > 0 ? ` · 共 ${friendLinks.length} 个` : ''} -
-