versun/claude-code
1
0
Fork 0
mirror of https://github.com/claude-code-best/claude-code.git synced 2026-06-22 16:25:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: 完成所有文件的lint

Browse Source
This commit is contained in:
claude-code-best
2026-05-01 21:39:30 +08:00
parent d136872cc9
commit 6182015005
1333 changed files with 68255 additions and 77882 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
packages/remote-control-server/web/components/chat/SessionSidebar.tsx
View File

@@ -1,7 +1,7 @@
import { cn } from "../../src/lib/utils";
import { Plus, MessageSquare, ChevronLeft, ChevronRight } from "lucide-react";
import { useState } from "react";
import type { SessionListItem } from "../../src/lib/types";
import { cn } from '../../src/lib/utils';
import { Plus, MessageSquare, ChevronLeft, ChevronRight } from 'lucide-react';
import { useState } from 'react';
import type { SessionListItem } from '../../src/lib/types';
// =============================================================================
// 会话侧边栏 — Anthropic 分段式：今天/昨天/更早 + 橙色活跃态
@@ -15,13 +15,7 @@ interface SessionSidebarProps {
className?: string;
}
export function SessionSidebar({
sessions,
activeId,
onSelect,
onNew,
className,
}: SessionSidebarProps) {
export function SessionSidebar({ sessions, activeId, onSelect, onNew, className }: SessionSidebarProps) {
const [collapsed, setCollapsed] = useState(false);
// 按日期分组
@@ -30,8 +24,8 @@ export function SessionSidebar({
return (
<div
className={cn(
"hidden md:flex flex-col border-r border-border bg-surface-1 transition-all duration-200",
collapsed ? "w-12" : "w-64",
'hidden md:flex flex-col border-r border-border bg-surface-1 transition-all duration-200',
collapsed ? 'w-12' : 'w-64',
className,
)}
>
@@ -55,11 +49,7 @@ export function SessionSidebar({
onClick={() => setCollapsed(!collapsed)}
className="h-7 w-7 flex items-center justify-center rounded-lg text-text-muted hover:text-text-primary hover:bg-surface-2 transition-colors"
>
{collapsed ? (
<ChevronRight className="h-4 w-4" />
) : (
<ChevronLeft className="h-4 w-4" />
)}
{collapsed ? <ChevronRight className="h-4 w-4" /> : <ChevronLeft className="h-4 w-4" />}
</button>
</div>
</div>
@@ -67,30 +57,28 @@ export function SessionSidebar({
{/* 会话列表 — 分段 */}
{!collapsed && (
<nav className="flex-1 overflow-y-auto py-2" aria-label="历史会话">
{groups.map((group) => (
{groups.map(group => (
<div key={group.label}>
<div className="px-3 py-1.5">
<span className="text-[10px] font-display font-medium uppercase tracking-widest text-text-muted">
{group.label}
</span>
</div>
{group.sessions.map((session) => (
{group.sessions.map(session => (
<button
key={session.id}
type="button"
onClick={() => onSelect?.(session.id)}
className={cn(
"w-full flex items-center gap-2 px-3 py-2 text-left transition-colors",
'w-full flex items-center gap-2 px-3 py-2 text-left transition-colors',
session.id === activeId
? "bg-brand/10 text-text-primary"
: "text-text-secondary hover:bg-surface-1/50 hover:text-text-primary",
? 'bg-brand/10 text-text-primary'
: 'text-text-secondary hover:bg-surface-1/50 hover:text-text-primary',
)}
title={session.title || session.id}
>
<MessageSquare className="h-3.5 w-3.5 shrink-0 text-text-muted" />
<span className="text-sm font-display truncate">
{session.title || session.id.slice(0, 8)}
</span>
<span className="text-sm font-display truncate">{session.title || session.id.slice(0, 8)}</span>
</button>
))}
</div>
@@ -121,9 +109,9 @@ function groupByRecency(sessions: SessionListItem[]): SessionGroup[] {
const yesterday = new Date(today.getTime() - 86400000);
const groups: SessionGroup[] = [
{ label: "今天", sessions: [] },
{ label: "昨天", sessions: [] },
{ label: "更早", sessions: [] },
{ label: '今天', sessions: [] },
{ label: '昨天', sessions: [] },
{ label: '更早', sessions: [] },
];
for (const session of sessions) {
@@ -137,5 +125,5 @@ function groupByRecency(sessions: SessionListItem[]): SessionGroup[] {
}
}
return groups.filter((g) => g.sessions.length > 0);
return groups.filter(g => g.sessions.length > 0);
}