33 lines
757 B
TypeScript
33 lines
757 B
TypeScript
import { SafeExternalLink } from "@/client/components/SafeExternalLink";
|
|
import { extractUrlPath, truncateMiddle } from "./backlinksPageUtils";
|
|
|
|
export function BacklinksExternalLink({
|
|
url,
|
|
label,
|
|
className,
|
|
}: {
|
|
url: string;
|
|
label: string;
|
|
className: string;
|
|
}) {
|
|
return <SafeExternalLink url={url} label={label} className={className} />;
|
|
}
|
|
|
|
export function BacklinksSourceLink({
|
|
url,
|
|
maxLength,
|
|
muted = false,
|
|
}: {
|
|
url: string;
|
|
maxLength: number;
|
|
muted?: boolean;
|
|
}) {
|
|
return (
|
|
<BacklinksExternalLink
|
|
url={url}
|
|
label={truncateMiddle(extractUrlPath(url), maxLength)}
|
|
className={`link link-hover break-all inline-flex items-center gap-1 ${muted ? "text-xs text-base-content/55" : "text-sm"}`}
|
|
/>
|
|
);
|
|
}
|