mirror of
https://github.com/snowykami/neo-blog.git
synced 2025-09-26 02:56:22 +00:00
Snowykami
2fa462ae60
All checks were successful
Push to Helm Chart Repository / build (push) Successful in 31s
- Updated `RootLayout` to include user authentication logic and loading states. - Removed redundant user authentication logic from `Page` component. - Enhanced `AppSidebar` to fetch and display logged-in user information. - Replaced `GravatarAvatar` with new `Avatar` component for user profile images. - Added new pages for comment, file, post, and user management. - Introduced utility functions for generating Gravatar URLs and fallback avatars based on usernames. - Cleaned up unused imports and components across various files.
95 lines
3.1 KiB
TypeScript
95 lines
3.1 KiB
TypeScript
'use client'
|
|
import { useTranslations } from "next-intl";
|
|
import React from "react";
|
|
import { toast } from "sonner";
|
|
import copyToClipboard from '@/lib/clipboard';
|
|
|
|
function extractText(node: React.ReactNode): string {
|
|
if (typeof node === "string") return node;
|
|
if (Array.isArray(node)) return node.map(extractText).join("");
|
|
if (
|
|
React.isValidElement(node) &&
|
|
node.props &&
|
|
typeof node.props === "object" &&
|
|
"children" in node.props
|
|
) {
|
|
return extractText(node.props.children as React.ReactNode);
|
|
}
|
|
return "";
|
|
}
|
|
|
|
export default function CodeBlock(props: React.ComponentPropsWithoutRef<"pre">) {
|
|
const t = useTranslations('CodeBlock');
|
|
let className: string | undefined = undefined;
|
|
const child = props.children as React.ReactElement<{ className?: string; children?: React.ReactNode }> | undefined;
|
|
if (
|
|
child &&
|
|
typeof child === "object" &&
|
|
"props" in child &&
|
|
child.props.className
|
|
) {
|
|
className = child.props.className as string | undefined;
|
|
}
|
|
let language = "";
|
|
if (className) {
|
|
const match = className.match(/language-(\w+)/);
|
|
if (match) {
|
|
language = match[1];
|
|
}
|
|
}
|
|
let codeContent = "";
|
|
if (
|
|
child &&
|
|
typeof child === "object" &&
|
|
"props" in child
|
|
) {
|
|
codeContent = extractText(child.props.children);
|
|
}
|
|
|
|
async function handleCopy() {
|
|
try {
|
|
const ok = await copyToClipboard(codeContent);
|
|
if (ok) toast.success(t("copy_success"));
|
|
else toast.error(t("copy_failed") || 'Copy failed');
|
|
} catch (err) {
|
|
console.error('copy failed', err);
|
|
toast.error(t("copy_failed") || 'Copy failed');
|
|
}
|
|
}
|
|
|
|
return (
|
|
<div className="relative my-6 rounded-2xl overflow-hidden bg-[#f5f5f7] dark:bg-[#23272f] border border-gray-200 dark:border-gray-700 shadow-sm group">
|
|
<div className="flex items-center h-8 px-3 bg-[#e5e7eb] dark:bg-[#23272f] border-b border-gray-200 dark:border-gray-700 relative">
|
|
<span className="w-3.5 h-3.5 rounded-full bg-red-400 mr-2" />
|
|
<span className="w-3.5 h-3.5 rounded-full bg-yellow-400 mr-2" />
|
|
<span className="w-3.5 h-3.5 rounded-full bg-green-400" />
|
|
{language && (
|
|
<span className="absolute left-1/2 -translate-x-1/2 text-xs text-gray-500 dark:text-gray-400 font-mono">
|
|
{language}
|
|
</span>
|
|
)}
|
|
<div
|
|
className="absolute right-3 top-1/2 -translate-y-1/2 flex space-x-2
|
|
opacity-100
|
|
group-hover:opacity-100
|
|
sm:opacity-0 sm:group-hover:opacity-100
|
|
transition-opacity"
|
|
>
|
|
<button
|
|
type="button"
|
|
className="px-2 py-1 rounded text-xs bg-gray-200 dark:bg-gray-700 hover:bg-gray-300 dark:hover:bg-gray-600 text-gray-700 dark:text-gray-200 border border-gray-300 dark:border-gray-600"
|
|
title={t("copy")}
|
|
onClick={handleCopy}
|
|
tabIndex={-1}
|
|
>
|
|
{t("copy")}
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<pre
|
|
className="overflow-x-auto bg-transparent text-sm text-gray-800 dark:text-gray-100"
|
|
{...props}
|
|
/>
|
|
</div>
|
|
);
|
|
} |