import { Action, ActionPanel, Detail, Icon, showToast, Toast, Clipboard, } from "@raycast/api"; import type { Prompt } from "../types"; import { getPromptUrl } from "../api"; import { RunPromptForm } from "./run-prompt"; interface PromptDetailViewProps { prompt: Prompt; onRefresh?: () => void; } export function PromptDetailView({ prompt, onRefresh }: PromptDetailViewProps) { const promptUrl = getPromptUrl(prompt.author.username, prompt.slug); const markdown = `# ${prompt.title} ${prompt.description ? `*${prompt.description}*\n\n---\n\n` : ""} ## Prompt \`\`\` ${prompt.content} \`\`\` --- **Author:** ${prompt.author.name || prompt.author.username} (@${prompt.author.username}) **Type:** ${prompt.type} **Votes:** ${prompt.voteCount} ${prompt.category ? `**Category:** ${prompt.category.name} \n` : ""} ${prompt.tags.length > 0 ? `**Tags:** ${prompt.tags.map((t) => t.tag.name).join(", ")}` : ""} `; return ( } /> { await Clipboard.copy(promptUrl); await showToast({ style: Toast.Style.Success, title: "URL copied to clipboard", }); }} /> {onRefresh && ( )} } metadata={ {prompt.category && ( )} {prompt.tags.length > 0 && ( {prompt.tags.map((t) => ( ))} )} } /> ); }