Massbug/judge4c
2
0
Fork 0
mirror of https://github.com/massbug/judge4c.git synced 2025-05-18 07:16:34 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: fix bugs in avatar-button.tsx and settings-dialog.tsx because of wrong translation coding

Browse Source
This commit is contained in:
fly6516 2025-04-14 10:05:11 +08:00
parent 3bd2b5f075
commit 06b6032436
2 changed files with 157 additions and 157 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/avatar-button.tsx
View File

@ -22,7 +22,8 @@ import { auth, signOut } from "@/lib/auth";
import { redirect } from "next/navigation"; import { redirect } from "next/navigation";
import { Skeleton } from "@/components/ui/skeleton"; import { Skeleton } from "@/components/ui/skeleton";
import { SettingsButton } from "@/components/settings-button"; import { SettingsButton } from "@/components/settings-button";
import { useTranslations } from 'next-intl'; //import { useTranslations } from 'next-intl';
import { getTranslations } from "next-intl/server";
const UserAvatar = ({ image, name }: { image: string; name: string }) => ( const UserAvatar = ({ image, name }: { image: string; name: string }) => (
<Avatar className="h-8 w-8 rounded-lg"> <Avatar className="h-8 w-8 rounded-lg">
@ -47,7 +48,7 @@ export async function AvatarButton() {
const image = session?.user?.image ?? "https://github.com/shadcn.png"; const image = session?.user?.image ?? "https://github.com/shadcn.png";
const name = session?.user?.name ?? "unknown"; const name = session?.user?.name ?? "unknown";
const email = session?.user?.email ?? "unknwon@example.com"; const email = session?.user?.email ?? "unknwon@example.com";
const t = useTranslations('avatar-button'); const t = await getTranslations('avatar-button');
return ( return (
<DropdownMenu> <DropdownMenu>

31
src/components/settings-dialog.tsx
View File

@ -31,25 +31,24 @@ import { useSettingsStore } from "@/stores/useSettingsStore";
import { CodeXml, Globe, Paintbrush, Settings } from "lucide-react"; import { CodeXml, Globe, Paintbrush, Settings } from "lucide-react";
import { useTranslations } from "next-intl"; import { useTranslations } from "next-intl";
const t = useTranslations('settings');
const data = {
nav: [
{ name: t('appearance'), icon: Paintbrush },
{ name: t('language-and-region'), icon: Globe },
{ name: t('code-editor'), icon: CodeXml },
{ name: t('advanced'), icon: Settings },
],
};
export function SettingsDialog() { export function SettingsDialog() {
const { isDialogOpen, activeSetting, setDialogOpen, setActiveSetting } = useSettingsStore(); const { isDialogOpen, activeSetting, setDialogOpen, setActiveSetting } =
useSettingsStore();
const t = useTranslations("settings");
const navItems = [
{ name: t("appearance"), icon: Paintbrush },
{ name: t("language-and-region"), icon: Globe },
{ name: t("code-editor"), icon: CodeXml },
{ name: t("advanced"), icon: Settings },
];
return ( return (
<Dialog open={isDialogOpen} onOpenChange={setDialogOpen}> <Dialog open={isDialogOpen} onOpenChange={setDialogOpen}>
<DialogContent className="overflow-hidden p-0 md:max-h-[500px] md:max-w-[700px] lg:max-w-[800px]"> <DialogContent className="overflow-hidden p-0 md:max-h-[500px] md:max-w-[700px] lg:max-w-[800px]">
<DialogTitle className="sr-only">{t('settings')}</DialogTitle> <DialogTitle className="sr-only">{t("settings")}</DialogTitle>
<DialogDescription className="sr-only"> <DialogDescription className="sr-only">
{t('customize-your-settings-here')} {t("customize-your-settings-here")}
</DialogDescription> </DialogDescription>
<SidebarProvider className="items-start"> <SidebarProvider className="items-start">
<Sidebar collapsible="none" className="hidden md:flex"> <Sidebar collapsible="none" className="hidden md:flex">
@ -57,7 +56,7 @@ export function SettingsDialog() {
<SidebarGroup> <SidebarGroup>
<SidebarGroupContent> <SidebarGroupContent>
<SidebarMenu className="pt-2"> <SidebarMenu className="pt-2">
{data.nav.map((item) => ( {navItems.map((item) => (
<SidebarMenuItem key={item.name}> <SidebarMenuItem key={item.name}>
<SidebarMenuButton <SidebarMenuButton
asChild asChild
@ -82,7 +81,7 @@ export function SettingsDialog() {
<Breadcrumb> <Breadcrumb>
<BreadcrumbList> <BreadcrumbList>
<BreadcrumbItem className="hidden md:block"> <BreadcrumbItem className="hidden md:block">
<BreadcrumbLink href="#">{t('settings')}</BreadcrumbLink> <BreadcrumbLink href="#">{t("settings")}</BreadcrumbLink>
</BreadcrumbItem> </BreadcrumbItem>
<BreadcrumbSeparator className="hidden md:block" /> <BreadcrumbSeparator className="hidden md:block" />
<BreadcrumbItem> <BreadcrumbItem>
@ -94,7 +93,7 @@ export function SettingsDialog() {
</header> </header>
<ScrollArea className="flex-1 overflow-y-auto p-4 pt-0"> <ScrollArea className="flex-1 overflow-y-auto p-4 pt-0">
<div className="flex flex-col gap-4"> <div className="flex flex-col gap-4">
{activeSetting === t('appearance') ? ( {activeSetting === t("appearance") ? (
<AppearanceSettings /> <AppearanceSettings />
) : ( ) : (
Array.from({ length: 10 }).map((_, i) => ( Array.from({ length: 10 }).map((_, i) => (