初始提交：姜十三论坛 Jiang13 Forum

轻量自用论坛，Go 单二进制 + React SPA 内嵌 + SQLite。 Co-authored-by: Cursor <cursoragent@cursor.com>
2026-06-15 21:08:52 +08:00
commit e1c1708715
140 changed files with 16115 additions and 0 deletions
--- a/frontend/src/components/Sidebar.tsx
+++ b/frontend/src/components/Sidebar.tsx
@@ -0,0 +1,87 @@
+import {
+  Home, Settings, Star, LayoutDashboard,
+} from 'lucide-react';
+import { useNavigate, useLocation } from 'react-router-dom';
+import type { Board } from '../api/types';
+import { useAuth } from '../hooks/useAuth';
+import { openAdminDashboard } from '../utils/admin';
+import { cn } from '@/lib/utils';
+
+// 内容页不参与左侧栏高亮（非 feed 浏览上下文）
+const NEUTRAL_SIDEBAR_PREFIXES = ['/post/', '/profile'];
+
+export function isNeutralSidebarRoute(pathname: string): boolean {
+  return NEUTRAL_SIDEBAR_PREFIXES.some(prefix => pathname.startsWith(prefix));
+}
+
+function resolveMenuKey(pathname: string, activeBoard: number): string | null {
+  if (isNeutralSidebarRoute(pathname)) return null;
+  if (pathname.startsWith('/favorites')) return 'favorites';
+  if (pathname.startsWith('/boards')) return 'boards';
+  return activeBoard === 0 ? 'all' : String(activeBoard);
+}
+
+interface Props {
+  boards: Board[];
+  activeBoard: number;
+  onSelectBoard: (id: number) => void;
+}
+
+export default function Sidebar({ boards, activeBoard, onSelectBoard }: Props) {
+  const nav = useNavigate();
+  const loc = useLocation();
+  const { user } = useAuth();
+  const isAdmin = user?.role === 'admin';
+
+  const menuKey = resolveMenuKey(loc.pathname, activeBoard);
+
+  const navItem = (key: string, label: React.ReactNode, icon?: React.ReactNode, onClick?: () => void) => (
+    <button
+      type="button"
+      key={key}
+      className={cn('sidebar-nav-item', menuKey != null && menuKey === key && 'active')}
+      onClick={onClick}
+    >
+      {icon}
+      <span className="flex-1 truncate">{label}</span>
+    </button>
+  );
+
+  return (
+    <aside className="sidebar">
+      <div className="sidebar-section">浏览</div>
+      <nav className="sidebar-nav">
+        {navItem('all', '全部帖子', <Home />, () => { onSelectBoard(0); nav('/'); })}
+        {user && navItem('favorites', '我的收藏', <Star />, () => nav('/favorites'))}
+      </nav>
+
+      {boards.length > 0 && (
+        <>
+          <div className="sidebar-section" style={{ marginTop: 8 }}>板块</div>
+          <nav className="sidebar-nav">
+            {boards.map(b => (
+              <button
+                type="button"
+                key={b.id}
+                className={cn('sidebar-nav-item', menuKey != null && menuKey === String(b.id) && 'active')}
+                onClick={() => { onSelectBoard(b.id); nav(`/?board=${b.id}`); }}
+              >
+                <span className="flex-1 truncate">{b.name}</span>
+              </button>
+            ))}
+          </nav>
+        </>
+      )}
+
+      {isAdmin && (
+        <>
+          <div className="sidebar-section" style={{ marginTop: 8 }}>管理</div>
+          <nav className="sidebar-nav">
+            {navItem('boards', '管理板块', <Settings />, () => nav('/boards'))}
+            {navItem('admin', '系统后台', <LayoutDashboard />, openAdminDashboard)}
+          </nav>
+        </>
+      )}
+    </aside>
+  );
+}