wehub-resource-sync
36 lines
888 B
TypeScript
36 lines
888 B
TypeScript
import type { InlineCodeVariant } from "~/components/code/InlineCode";
|
|
import { InlineCode } from "~/components/code/InlineCode";
|
|
import { SpanCodePathAccessory } from "./SpanTitle";
|
|
import { cn } from "~/utils/cn";
|
|
|
|
type TaskPathProps = {
|
|
filePath: string;
|
|
functionName: string;
|
|
className?: string;
|
|
};
|
|
|
|
export function TaskPath({ filePath, functionName, className }: TaskPathProps) {
|
|
return (
|
|
<SpanCodePathAccessory
|
|
accessory={{
|
|
items: [{ text: filePath }, { text: functionName }],
|
|
}}
|
|
className={className}
|
|
/>
|
|
);
|
|
}
|
|
|
|
type TaskFileNameProps = {
|
|
fileName: string;
|
|
variant?: InlineCodeVariant;
|
|
className?: string;
|
|
};
|
|
|
|
export function TaskFileName({ variant, fileName, className }: TaskFileNameProps) {
|
|
return (
|
|
<InlineCode variant={variant} className={cn("text-text-dimmed", className)}>
|
|
{`${fileName}`}
|
|
</InlineCode>
|
|
);
|
|
}
|