Carlos Florêncio
31 lines
724 B
TypeScript
31 lines
724 B
TypeScript
"use client";
|
|
|
|
import { memo, useCallback } from "react";
|
|
import type { FileContextItem } from "@/lib/types/context";
|
|
import { ContextChip } from "./context-chip";
|
|
import { LazyFilePreview } from "./lazy-file-preview";
|
|
|
|
export const FileItem = memo(function FileItem({
|
|
item,
|
|
sessionId,
|
|
}: {
|
|
item: FileContextItem;
|
|
sessionId?: string | null;
|
|
}) {
|
|
const handleClick = useCallback(() => {
|
|
item.onOpen(item.path);
|
|
}, [item]);
|
|
|
|
return (
|
|
<ContextChip
|
|
kind="file"
|
|
label={item.label}
|
|
pinned={item.pinned}
|
|
preview={<LazyFilePreview path={item.path} sessionId={sessionId ?? null} />}
|
|
onClick={handleClick}
|
|
onUnpin={item.onUnpin}
|
|
onRemove={item.onRemove}
|
|
/>
|
|
);
|
|
});
|