CodeSandBox/judge4c-old
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(i18n): update AppSidebar component for internationalization support

Browse Source 
chore(site): add siteConfig
This commit is contained in:
ngc2207 2024-12-12 21:32:06 +08:00
parent ae662bff78
commit b6a4c3182e
4 changed files with 141 additions and 125 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
messages/en-US.json
View File

@ -18,6 +18,10 @@
"shareProject": "Share Project", "shareProject": "Share Project",
"deleteProject": "Delete Project", "deleteProject": "Delete Project",
"more": "More" "more": "More"
},
"NavSecondary": {
"support": "Support",
"feedback": "Feedback"
} }
} }
} }

4
messages/zh-CN.json
View File

@ -18,6 +18,10 @@
"shareProject": "分享项目", "shareProject": "分享项目",
"deleteProject": "删除项目", "deleteProject": "删除项目",
"more": "更多" "more": "更多"
},
"NavSecondary": {
"support": "支持",
"feedback": "反馈"
} }
} }
} }

252
src/components/app-sidebar.tsx
View File

@ -22,136 +22,140 @@ import {
SidebarMenuButton, SidebarMenuButton,
SidebarMenuItem, SidebarMenuItem,
} from "@/components/ui/sidebar"; } from "@/components/ui/sidebar";
import { siteConfig } from "@/config/site";
import { useTranslations } from "next-intl";
import { NavMain } from "@/components/nav-main"; import { NavMain } from "@/components/nav-main";
import { NavUser } from "@/components/nav-user"; import { NavUser } from "@/components/nav-user";
import { NavProjects } from "@/components/nav-projects"; import { NavProjects } from "@/components/nav-projects";
import { NavSecondary } from "@/components/nav-secondary"; import { NavSecondary } from "@/components/nav-secondary";
const data = {
user: {
name: "gitea",
email: "about@gitea.com",
avatar: "/gitea.svg",
},
navMain: [
{
title: "Playground",
url: "#",
icon: SquareTerminal,
isActive: true,
items: [
{
title: "History",
url: "#",
},
{
title: "Starred",
url: "#",
},
{
title: "Settings",
url: "#",
},
],
},
{
title: "Models",
url: "#",
icon: Bot,
items: [
{
title: "Genesis",
url: "#",
},
{
title: "Explorer",
url: "#",
},
{
title: "Quantum",
url: "#",
},
],
},
{
title: "Documentation",
url: "#",
icon: BookOpen,
items: [
{
title: "Introduction",
url: "#",
},
{
title: "Get Started",
url: "#",
},
{
title: "Tutorials",
url: "#",
},
{
title: "Changelog",
url: "#",
},
],
},
{
title: "Settings",
url: "#",
icon: Settings2,
items: [
{
title: "General",
url: "#",
},
{
title: "Team",
url: "#",
},
{
title: "Billing",
url: "#",
},
{
title: "Limits",
url: "#",
},
],
},
],
navSecondary: [
{
title: "Support",
url: "#",
icon: LifeBuoy,
},
{
title: "Feedback",
url: "#",
icon: Send,
},
],
projects: [
{
name: "Design Engineering",
url: "#",
icon: Frame,
},
{
name: "Sales & Marketing",
url: "#",
icon: PieChart,
},
{
name: "Travel",
url: "#",
icon: Map,
},
],
};
export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) { export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
const t = useTranslations();
const data = {
user: {
name: "gitea",
email: "about@gitea.com",
avatar: "/gitea.svg",
},
navMain: [
{
title: "Playground",
url: "#",
icon: SquareTerminal,
isActive: true,
items: [
{
title: "History",
url: "#",
},
{
title: "Starred",
url: "#",
},
{
title: "Settings",
url: "#",
},
],
},
{
title: "Models",
url: "#",
icon: Bot,
items: [
{
title: "Genesis",
url: "#",
},
{
title: "Explorer",
url: "#",
},
{
title: "Quantum",
url: "#",
},
],
},
{
title: "Documentation",
url: "#",
icon: BookOpen,
items: [
{
title: "Introduction",
url: "#",
},
{
title: "Get Started",
url: "#",
},
{
title: "Tutorials",
url: "#",
},
{
title: "Changelog",
url: "#",
},
],
},
{
title: "Settings",
url: "#",
icon: Settings2,
items: [
{
title: "General",
url: "#",
},
{
title: "Team",
url: "#",
},
{
title: "Billing",
url: "#",
},
{
title: "Limits",
url: "#",
},
],
},
],
navSecondary: [
{
title: t("Components.NavSecondary.support"),
url: siteConfig.url,
icon: LifeBuoy,
},
{
title: t("Components.NavSecondary.feedback"),
url: siteConfig.url,
icon: Send,
},
],
projects: [
{
name: "Design Engineering",
url: "#",
icon: Frame,
},
{
name: "Sales & Marketing",
url: "#",
icon: PieChart,
},
{
name: "Travel",
url: "#",
icon: Map,
},
],
};
return ( return (
<Sidebar variant="inset" {...props}> <Sidebar variant="inset" {...props}>
<SidebarHeader> <SidebarHeader>

6
src/config/site.ts
View File

@ -1,4 +1,8 @@
export const siteConfig = {
url: "https://github.com/NGC2207/judge4c",
};
export const META_THEME_COLORS = { export const META_THEME_COLORS = {
light: "#ffffff", light: "#ffffff",
dark: "#09090b", dark: "#09090b",
} };