File size: 1,030 Bytes
12621bc |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 |
import React from "react";
import { Badge } from "@/components/ui/badge";
import { Button } from "@/components/ui/button";
import { X } from "lucide-react";
import { IDocument } from "@/lib/document/types";
interface DocumentBadgeProps {
document: IDocument;
onPreview: () => void;
onRemove: () => void;
removeable?: boolean;
}
export const DocumentBadge = React.memo(({
document,
onPreview,
onRemove,
removeable = true
}: DocumentBadgeProps) => (
<Badge
key={document.id}
className="gap-1 cursor-pointer justify-between max-w-[200px] w-fit truncate bg-muted-foreground/20 hover:bg-primary/5"
onClick={onPreview}
>
<span className="truncate">{document.name}</span>
{removeable && (
<Button
variant="ghost"
size="icon"
className="h-4 w-4"
onClick={(e) => {
e.stopPropagation();
onRemove();
}}
>
<X className="h-3 w-3" />
</Button>
)}
</Badge>
));
DocumentBadge.displayName = "DocumentBadge"; |