Carlos Florêncio
38 lines
1002 B
TypeScript
38 lines
1002 B
TypeScript
"use client";
|
|
|
|
import { useAppStore } from "@/components/state-provider";
|
|
|
|
type PromptPreviewProps = {
|
|
content: string | null;
|
|
};
|
|
|
|
export function PromptPreview({ content }: PromptPreviewProps) {
|
|
if (!content) {
|
|
return <div className="text-xs text-muted-foreground">Custom prompt</div>;
|
|
}
|
|
|
|
const truncated = content.length > 2000 ? content.slice(0, 2000) + "..." : content;
|
|
|
|
return (
|
|
<div className="space-y-1.5">
|
|
<div className="text-muted-foreground text-xs font-medium">Prompt</div>
|
|
<pre className="text-[10px] leading-tight font-mono whitespace-pre-wrap break-all">
|
|
{truncated}
|
|
</pre>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
type PromptPreviewFromStoreProps = {
|
|
promptId: string;
|
|
};
|
|
|
|
export function PromptPreviewFromStore({ promptId }: PromptPreviewFromStoreProps) {
|
|
const content = useAppStore((state) => {
|
|
const prompt = state.prompts.items.find((p) => p.id === promptId);
|
|
return prompt?.content ?? null;
|
|
});
|
|
|
|
return <PromptPreview content={content} />;
|
|
}
|