mirror of
https://github.com/nicotsx/ironmount.git
synced 2025-12-10 12:10:51 +01:00
95a0d44b45
* refactor: unify backend and frontend servers * refactor: correct paths for openapi & drizzle * refactor: move api-client to client * fix: drizzle paths * chore: fix linting issues * fix: form reset issue
40 lines
1.3 KiB
TypeScript
40 lines
1.3 KiB
TypeScript
import type React from "react";
|
|
import { toast } from "sonner";
|
|
import { copyToClipboard } from "~/utils/clipboard";
|
|
|
|
interface CodeBlockProps {
|
|
code: string;
|
|
language?: string;
|
|
filename?: string;
|
|
}
|
|
|
|
export const CodeBlock: React.FC<CodeBlockProps> = ({ code, filename }) => {
|
|
const handleCopy = async () => {
|
|
await copyToClipboard(code);
|
|
toast.success("Code copied to clipboard");
|
|
};
|
|
|
|
return (
|
|
<div className="overflow-hidden rounded-sm bg-card-header ring-1 ring-white/10">
|
|
<div className="flex items-center justify-between border-b border-white/10 px-4 py-2 text-xs">
|
|
<div className="flex items-center gap-1.5">
|
|
<span className="h-2.5 w-2.5 rounded-full bg-rose-500" />
|
|
<span className="h-2.5 w-2.5 rounded-full bg-amber-500" />
|
|
<span className="h-2.5 w-2.5 rounded-full bg-emerald-500" />
|
|
{filename && <span className="ml-3 font-medium">{filename}</span>}
|
|
</div>
|
|
<button
|
|
type="button"
|
|
onClick={() => handleCopy()}
|
|
className="cursor-pointer rounded-md bg-white/5 px-2 py-1 text-[11px] font-medium ring-1 ring-inset ring-white/10 transition hover:bg-white/10 active:translate-y-px"
|
|
>
|
|
Copy
|
|
</button>
|
|
</div>
|
|
<pre className="text-xs m-0 px-4 py-2 bg-card-header">
|
|
<code className="text-white/80">{code}</code>
|
|
</pre>
|
|
</div>
|
|
);
|
|
};
|