cleaner citations (#3389)

This commit is contained in:
pablonyx
2024-12-11 09:36:15 -08:00
committed by GitHub
parent 264df3441b
commit fa84eb657f

View File

@@ -30,22 +30,23 @@ export function Citation({
? children?.toString().split("[")[1].split("]")[0] ? children?.toString().split("[")[1].split("]")[0]
: index; : index;
if (link) { const onClick = () => {
if (document.source_type == ValidSources.File) {
updatePresentingDocument(document);
} else {
window.open(link || document.link, "_blank");
}
};
return ( return (
<TooltipProvider delayDuration={0}> <TooltipProvider delayDuration={0}>
<Tooltip> <Tooltip>
<TooltipTrigger asChild> <TooltipTrigger asChild>
<div <div
onMouseDown={() => { onMouseDown={onClick}
if (document.source_type == ValidSources.File) { className="inline-flex items-center cursor-pointer transition-all duration-200 ease-in-out"
updatePresentingDocument(document);
} else {
window.open(link, "_blank");
}
}}
className="inline-flex items-center ml-1 cursor-pointer transition-all duration-200 ease-in-out"
> >
<span className="relative min-w-[1.4rem] text-center no-underline -top-0.5 px-1.5 py-0.5 text-xs font-medium text-gray-700 bg-gray-100 rounded-full border border-gray-300 hover:bg-gray-200 hover:text-gray-900 shadow-sm no-underline"> <span className="flex items-center justify-center w-6 h-6 text-[11px] font-medium text-gray-700 bg-gray-100 rounded-full border border-gray-300 hover:bg-gray-200 hover:text-gray-900 shadow-sm">
{innerText} {innerText}
</span> </span>
</div> </div>
@@ -56,31 +57,4 @@ export function Citation({
</Tooltip> </Tooltip>
</TooltipProvider> </TooltipProvider>
); );
} else {
return (
<TooltipProvider delayDuration={0}>
<Tooltip>
<TooltipTrigger asChild>
<div
onMouseDown={() => {
if (document.source_type == ValidSources.File) {
updatePresentingDocument(document);
} else {
window.open(document.link, "_blank");
}
}}
className="inline-flex items-center ml-1 cursor-pointer transition-all duration-200 ease-in-out"
>
<span className="relative min-w-[1.4rem] pchatno-underline -top-0.5 px-1.5 py-0.5 text-xs font-medium text-gray-700 bg-gray-100 rounded-full border border-gray-300 hover:bg-gray-200 hover:text-gray-900 shadow-sm no-underline">
{innerText}
</span>
</div>
</TooltipTrigger>
<TooltipContent width="mb-2 max-w-lg" backgroundColor="bg-background">
<CompactDocumentCard url={url} icon={icon} document={document} />
</TooltipContent>
</Tooltip>
</TooltipProvider>
);
}
} }