feat(www): locale specific urls (#12508)

2 files changed, 7 insertions, 3 deletions

diff --git a/packages/console/app/src/routes/workspace/[id]/members/member-section.tsx b/packages/console/app/src/routes/workspace/[id]/members/member-section.tsx
index dce23a496..5a440632f 100644
--- a/packages/console/app/src/routes/workspace/[id]/members/member-section.tsx
+++ b/packages/console/app/src/routes/workspace/[id]/members/member-section.tsx
@@ -8,6 +8,7 @@ import { Actor } from "@opencode-ai/console-core/actor.js"
 import { User } from "@opencode-ai/console-core/user.js"
 import { RoleDropdown } from "./role-dropdown"
 import { useI18n } from "~/context/i18n"
+import { useLanguage } from "~/context/language"
 import { formError, localizeError } from "~/lib/form-error"
 
 const listMembers = query(async (workspaceID: string) => {
@@ -218,6 +219,7 @@ function MemberRow(props: {
 export function MemberSection() {
   const params = useParams()
   const i18n = useI18n()
+  const language = useLanguage()
   const data = createAsync(() => listMembers(params.id!))
   const submission = useSubmission(inviteMember)
   const [store, setStore] = createStore({
@@ -277,7 +279,7 @@ export function MemberSection() {
       </div>
       <div data-slot="beta-notice">
         {i18n.t("workspace.members.beta.beforeLink")}{" "}
-        <a href="/docs/zen/#for-teams" target="_blank" rel="noopener noreferrer">
+        <a href={language.route("/docs/zen/#for-teams")} target="_blank" rel="noopener noreferrer">
           {i18n.t("common.learnMore")}
         </a>
         .
diff --git a/packages/console/app/src/routes/workspace/[id]/model-section.tsx b/packages/console/app/src/routes/workspace/[id]/model-section.tsx
index d67c72b56..97f95278a 100644
--- a/packages/console/app/src/routes/workspace/[id]/model-section.tsx
+++ b/packages/console/app/src/routes/workspace/[id]/model-section.tsx
@@ -17,6 +17,7 @@ import {
   IconZai,
 } from "~/component/icon"
 import { useI18n } from "~/context/i18n"
+import { useLanguage } from "~/context/language"
 import { formError } from "~/lib/form-error"
 
 const getModelLab = (modelId: string) => {
@@ -80,6 +81,7 @@ const updateModel = action(async (form: FormData) => {
 export function ModelSection() {
   const params = useParams()
   const i18n = useI18n()
+  const language = useLanguage()
   const modelsInfo = createAsync(() => getModelsInfo(params.id!))
   const userInfo = createAsync(() => querySessionInfo(params.id!))
 
@@ -96,8 +98,8 @@ export function ModelSection() {
       <div data-slot="section-title">
         <h2>{i18n.t("workspace.models.title")}</h2>
         <p>
-          {i18n.t("workspace.models.subtitle.beforeLink")} <a href="/docs/zen#pricing ">{i18n.t("common.learnMore")}</a>
-          .
+          {i18n.t("workspace.models.subtitle.beforeLink")}{" "}
+          <a href={language.route("/docs/zen#pricing")}>{i18n.t("common.learnMore")}</a>.
         </p>
       </div>
       <div data-slot="models-list">