Hunter B
bb4d1e5744
Polish fixes (12): - INSTALL.md: drop duplicate code block; doc CODEWHALE_VERSION canonical env var; fix example mirror URLs /DeepSeek-TUI/ → /CodeWhale/; remove stale "Once npm publication resumes" conditional - footer.tsx: fix Gitee mirror URL deepseek-tui → CodeWhale - globals.css: update seal CSS shadows from old cream rgba(244,241,232) to paper white rgba(255,255,255) - web/README.md: update palette description cream #FAF6EE → white #FFFFFF - nav.tsx: fix zh-only date strip (第…期) and API label (在线) — now "Edition …" / "API · Online" in en mode - page.tsx: hardcoded v0.8.56 → dynamic facts.version - README.md: merge duplicate Contributing sections - README.ja-JP/vi: parenthesize untranslated Chinese thank-you blurbs Design rhythm (9): - ThinkingTrace section: py-16→py-20, bg-paper-deep, hairlines for reveal - Judgment stack: py-16→py-12; middle cell bg-paper-deep for ABA rhythm - Maintainer loop: py-16→py-14; step numbers grow 01→04 - How it works: py-16→py-12 - Join in closer: py-16→py-20 (dark section breathes) - Ticker: LIVE label shrunk to annotation weight
32 lines
1.6 KiB
TypeScript
32 lines
1.6 KiB
TypeScript
import type { FeedItem } from "@/lib/types";
|
|
import { relativeTime } from "@/lib/github";
|
|
|
|
export function Ticker({ items }: { items: FeedItem[] }) {
|
|
if (!items.length) return null;
|
|
const doubled = [...items, ...items]; // seamless loop
|
|
return (
|
|
<div className="hairline-t hairline-b bg-paper-deep overflow-hidden">
|
|
<div className="mx-auto max-w-[1400px] flex items-stretch">
|
|
<div className="bg-ink text-paper px-4 py-2 flex items-center shrink-0 gap-2">
|
|
<span className="w-1.5 h-1.5 bg-indigo rounded-full inline-block animate-pulse" />
|
|
<span className="font-cjk text-sm font-semibold tracking-wider">实 时</span>
|
|
<span className="font-mono text-[0.55rem] uppercase tracking-widest text-paper-deep/60 ml-1 self-end mb-0.5">LIVE</span>
|
|
</div>
|
|
<div className="flex-1 overflow-hidden relative">
|
|
<div className="ticker-track py-2 font-mono text-[0.78rem]">
|
|
{doubled.map((item, i) => (
|
|
<span key={`${item.url}-${i}`} className="inline-flex items-center gap-2">
|
|
<span className="text-indigo uppercase tracking-wider">{item.kind === "pull" ? "PR" : "ISS"}</span>
|
|
<span className="tabular text-ink-mute">#{item.number}</span>
|
|
<span className="text-ink">{item.title.slice(0, 78)}{item.title.length > 78 ? "…" : ""}</span>
|
|
<span className="text-ink-mute tabular">· {relativeTime(item.updatedAt)}</span>
|
|
<span className="text-paper-line">◆</span>
|
|
</span>
|
|
))}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|