e581ad3691
Remove all vestiges of the abandoned Trash system: trashed/trashedAt fields from types, frontmatter parsing, sidebar filtering, editor banners, inspector components, mock data, and all related tests. Delete is already permanent via useDeleteActions with a confirmation dialog. Notes with trashed:true in existing vault frontmatter are now treated as normal notes (the flag is ignored by the parser). Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
66 lines
1.9 KiB
TypeScript
66 lines
1.9 KiB
TypeScript
import type { VaultEntry } from '../../types'
|
|
import { ArrowUpRight } from '@phosphor-icons/react'
|
|
import { isEmoji } from '../../utils/emoji'
|
|
import { entryStatusTitle } from './shared'
|
|
import { StatusSuffix } from './LinkButton'
|
|
|
|
export interface BacklinkItem {
|
|
entry: VaultEntry
|
|
context: string | null
|
|
}
|
|
|
|
function BacklinkEntry({ entry, context, onNavigate }: {
|
|
entry: VaultEntry
|
|
context: string | null
|
|
onNavigate: (target: string) => void
|
|
}) {
|
|
const isDimmed = entry.archived
|
|
return (
|
|
<button
|
|
className="flex w-full cursor-pointer flex-col items-start gap-0.5 border-none bg-transparent p-0 text-left hover:underline"
|
|
onClick={() => onNavigate(entry.title)}
|
|
title={entryStatusTitle(entry)}
|
|
>
|
|
<span
|
|
className="flex items-center gap-1 text-xs text-primary"
|
|
style={isDimmed ? { color: 'var(--muted-foreground)' } : undefined}
|
|
>
|
|
{entry.icon && isEmoji(entry.icon) && <span className="shrink-0">{entry.icon}</span>}
|
|
{entry.title}
|
|
<StatusSuffix isArchived={entry.archived} />
|
|
</span>
|
|
{context && (
|
|
<span className="line-clamp-2 text-[11px] leading-snug text-muted-foreground">
|
|
{context}
|
|
</span>
|
|
)}
|
|
</button>
|
|
)
|
|
}
|
|
|
|
export function BacklinksPanel({ backlinks, onNavigate }: {
|
|
backlinks: BacklinkItem[]
|
|
onNavigate: (target: string) => void
|
|
}) {
|
|
if (backlinks.length === 0) return null
|
|
|
|
return (
|
|
<div>
|
|
<h4 className="font-mono-overline mb-2 flex items-center gap-1 text-muted-foreground">
|
|
<ArrowUpRight size={12} className="shrink-0" />
|
|
Backlinks
|
|
</h4>
|
|
<div className="flex flex-col gap-1.5" data-testid="backlinks-list">
|
|
{backlinks.map(({ entry, context }) => (
|
|
<BacklinkEntry
|
|
key={entry.path}
|
|
entry={entry}
|
|
context={context}
|
|
onNavigate={onNavigate}
|
|
/>
|
|
))}
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|